.djan-app-wrapper {
	--djan-blue-950: #071b42;
	--djan-blue-900: #0a2f78;
	--djan-blue-800: #104ca5;
	--djan-blue-100: #eaf1fb;
	--djan-blue-050: #f5f8fd;
	--djan-red-800: #b9101a;
	--djan-red-700: #cf1520;
	--djan-red-100: #fde7e9;
	--djan-ink: #111827;
	--djan-muted: #667085;
	--djan-soft: #f4f7fb;
	--djan-panel: #ffffff;
	--djan-line: rgba(10, 47, 120, 0.16);
	--djan-shadow: 0 14px 34px rgba(7, 27, 66, 0.08);
	--djan-whatsapp: #9ae5d7;
	--djan-whatsapp-text: #063f36;
	background: linear-gradient(180deg, #ffffff 0, var(--djan-soft) 280px, var(--djan-soft) 100%);
	color: var(--djan-ink);
	font-family: inherit;
	margin: 0 auto;
	max-width: 1240px;
	padding: 10px;
	width: 100%;
}

.djan-app-wrapper *,
.djan-app-wrapper *::before,
.djan-app-wrapper *::after {
	box-sizing: border-box;
}

.djan-app-wrapper :where(h1, h2, h3, p, ul, ol, figure) {
	margin: 0;
}

.djan-app-wrapper :where(button, input) {
	font: inherit;
}

.djan-app-wrapper a {
	color: inherit;
	text-decoration: none;
}

.djan-app-wrapper img {
	max-width: 100%;
}

.djan-visually-hidden {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.djan-header {
	align-items: stretch;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	box-shadow: var(--djan-shadow);
	display: grid;
	gap: 8px;
	grid-template-columns: 123px minmax(0, 1fr);
	margin-bottom: 12px;
	padding: 8px;
}

.djan-header__brand {
	min-width: 0;
}

.djan-header__brand a {
	align-items: center;
	background: #ffffff;
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	display: flex;
	height: 100%;
	justify-content: center;
	min-height: 123px;
	padding: 6px;
}

.djan-header__brand img {
	display: block;
	height: 100%;
	max-height: 143px;
	object-fit: contain;
	width: 100%;
}

.djan-service-nav {
	display: flex;
	min-width: 0;
}

.djan-service-nav__toggle {
	display: none;
}

.djan-service-nav__list {
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	min-width: 0;
	padding: 0;
	position: static;
	width: 100%;
}

.djan-service-nav__list li {
	display: flex;
	min-width: 0;
}

.djan-service-nav__list a {
	align-items: center;
	background: #ffffff;
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	color: var(--djan-blue-950);
	display: flex;
	flex: 1;
	font-size: 14px;
	font-weight: 850;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1.15;
	min-height: 58px;
	padding: 8px 12px;
	text-align: center;
	transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.djan-service-nav__list a:hover,
.djan-service-nav__list a.is-active {
	background: var(--djan-blue-900);
	border-color: var(--djan-blue-900);
	color: #ffffff;
}

.djan-main-content {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.djan-search {
	background: linear-gradient(135deg, var(--djan-blue-950), var(--djan-blue-900));
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	box-shadow: 0 16px 38px rgba(7, 27, 66, 0.14);
	color: #ffffff;
	overflow: hidden;
}

.djan-search__container {
	display: grid;
	gap: 8px;
	padding: 12px;
}

.djan-search__title {
	color: #ffffff;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.2;
}

.djan-search__form {
	display: grid;
	gap: 8px;
}

.djan-search__field input {
	appearance: none;
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.48);
	border-radius: 8px;
	color: var(--djan-ink);
	min-height: 46px;
	outline: none;
	padding: 0 13px;
	width: 100%;
}

.djan-search__field input:focus {
	border-color: #ffffff;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}

.djan-search__field input::placeholder {
	color: rgba(17, 24, 39, 0.42);
}

.djan-button {
	align-items: center;
	border-radius: 8px;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 850;
	gap: 7px;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1.15;
	min-height: 40px;
	padding: 9px 12px;
	text-align: center;
	transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.djan-button:hover {
	transform: translateY(-1px);
}

.djan-button--primary {
	background: var(--djan-whatsapp);
	border: 1px solid var(--djan-whatsapp);
	color: var(--djan-whatsapp-text);
}

.djan-search .djan-button--primary {
	background: var(--djan-red-700);
	border-color: var(--djan-red-700);
	color: #ffffff;
	min-height: 46px;
	width: 100%;
}

.djan-search .djan-button--primary:hover {
	background: var(--djan-red-800);
	border-color: var(--djan-red-800);
}

.djan-button--secondary {
	background: #ffffff;
	border: 1px solid var(--djan-line);
	color: var(--djan-blue-900);
}

.djan-whatsapp-icon,
.djan-share-icon {
	fill: currentColor;
	flex: 0 0 auto;
	height: 16px;
	width: 16px;
}

.djan-catalog-shell {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.djan-catalog-sidebar,
.djan-catalog-main {
	min-width: 0;
}

.djan-catalog-main {
	display: grid;
	gap: 12px;
}

.djan-curated-nav {
	min-height: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	z-index: 9990;
}

.djan-curated-nav__toggle {
	align-items: center;
	appearance: none;
	background: var(--djan-blue-900);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	bottom: 18px;
	box-shadow: 0 16px 36px rgba(7, 27, 66, 0.24);
	color: #ffffff;
	cursor: pointer;
	display: flex;
	font-size: 15px;
	font-weight: 950;
	gap: 9px;
	justify-content: center;
	left: 14px;
	letter-spacing: 0;
	line-height: 1.2;
	min-height: 48px;
	padding: 0 15px;
	position: fixed;
	width: auto;
	z-index: 9998;
}

.djan-curated-nav__toggle-mark {
	align-items: center;
	display: inline-flex;
	height: 18px;
	justify-content: center;
	position: relative;
	width: 20px;
}

.djan-curated-nav__toggle-mark,
.djan-curated-nav__toggle-mark::before,
.djan-curated-nav__toggle-mark::after {
	border-radius: 999px;
}

.djan-curated-nav__toggle-mark::before,
.djan-curated-nav__toggle-mark::after {
	background: currentColor;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 20px;
}

.djan-curated-nav__toggle-mark {
	background: currentColor;
	height: 2px;
}

.djan-curated-nav__toggle-mark::before {
	top: -7px;
}

.djan-curated-nav__toggle-mark::after {
	top: 7px;
}

.djan-curated-nav__toggle[aria-expanded="true"] .djan-curated-nav__toggle-mark {
	background: transparent;
}

.djan-curated-nav__toggle[aria-expanded="true"] .djan-curated-nav__toggle-mark::before {
	top: 0;
	transform: rotate(45deg);
}

.djan-curated-nav__toggle[aria-expanded="true"] .djan-curated-nav__toggle-mark::after {
	top: 0;
	transform: rotate(-45deg);
}

.djan-curated-nav__panel {
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	bottom: 78px;
	box-shadow: 0 18px 48px rgba(7, 27, 66, 0.22);
	display: none;
	gap: 8px;
	left: 12px;
	max-height: min(68vh, 560px);
	overflow: auto;
	padding: 12px;
	position: fixed;
	right: 12px;
	z-index: 9997;
}

.djan-curated-nav__panel.is-open {
	display: grid;
}

.djan-curated-nav__list,
.djan-curated-nav__sublist {
	display: grid;
	gap: 6px;
	list-style: none;
	padding: 0;
}

.djan-curated-nav__list--depth-0 + .djan-curated-nav__list--depth-0 {
	margin-top: 8px;
}

.djan-curated-nav__list--depth-1,
.djan-curated-nav__list--depth-2 {
	border-left: 1px solid var(--djan-line);
	margin: 6px 0 0 6px;
	padding-left: 10px;
}

.djan-curated-nav__group {
	display: grid;
	gap: 6px;
}

.djan-curated-nav__details {
	display: grid;
	gap: 0;
}

.djan-curated-nav__summary {
	align-items: center;
	background: linear-gradient(90deg, var(--djan-blue-050), #ffffff);
	border: 1px solid rgba(10, 47, 120, 0.12);
	border-radius: 7px;
	color: var(--djan-blue-950);
	cursor: pointer;
	display: flex;
	gap: 8px;
	justify-content: space-between;
	list-style: none;
	min-height: 38px;
	padding: 8px 9px;
}

.djan-curated-nav__summary::-webkit-details-marker {
	display: none;
}

.djan-curated-nav__summary:hover {
	background: var(--djan-blue-100);
	border-color: rgba(10, 47, 120, 0.2);
}

.djan-curated-nav__group-label {
	color: var(--djan-blue-950);
	font-size: 12.5px;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.djan-curated-nav__summary-mark {
	border-bottom: 2px solid var(--djan-red-700);
	border-right: 2px solid var(--djan-red-700);
	display: block;
	flex: 0 0 auto;
	height: 8px;
	transform: rotate(45deg) translate(-2px, -2px);
	transition: transform 140ms ease;
	width: 8px;
}

.djan-curated-nav__details[open] > .djan-curated-nav__summary .djan-curated-nav__summary-mark {
	transform: rotate(225deg) translate(-1px, -1px);
}

.djan-curated-nav__group-content {
	display: grid;
	gap: 6px;
	padding: 6px 0 2px;
}

.djan-curated-nav a {
	border-radius: 7px;
	color: var(--djan-muted);
	display: block;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.25;
	padding: 8px 9px;
}

.djan-curated-nav__home-link {
	background: #ffffff;
	border: 1px solid rgba(10, 47, 120, 0.16);
	color: var(--djan-blue-950);
	font-weight: 950;
}

.djan-curated-nav__sublist {
	gap: 5px;
}

.djan-curated-nav__feed-link {
	align-items: center;
	background: #ffffff;
	border: 1px solid rgba(10, 47, 120, 0.08);
	border-left: 3px solid rgba(10, 47, 120, 0.22);
	color: #475467;
	display: flex;
	font-size: 13px;
	font-weight: 760;
	gap: 9px;
	padding-left: 11px;
}

.djan-curated-nav__feed-dot {
	background: var(--djan-red-700);
	border-radius: 999px;
	flex: 0 0 6px;
	height: 5px;
	width: 5px;
}

.djan-curated-nav__feed-label {
	min-width: 0;
	overflow-wrap: break-word;
}

.djan-curated-nav a:hover,
.djan-curated-nav a.is-active {
	background: var(--djan-blue-900);
	color: #ffffff;
}

.djan-curated-nav__feed-link:hover,
.djan-curated-nav__feed-link.is-active {
	border-color: var(--djan-blue-900);
	border-left-color: var(--djan-red-700);
}

.djan-curated-nav__feed-link:hover .djan-curated-nav__feed-dot,
.djan-curated-nav__feed-link.is-active .djan-curated-nav__feed-dot {
	background: #ffffff;
}

.djan-more-source {
	display: flex;
	justify-content: center;
	margin-top: 4px;
}

.djan-more-source__link {
	width: min(100%, 260px);
}

.djan-curated-nav__empty,
.djan-message {
	background: #ffffff;
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	color: var(--djan-muted);
	font-size: 14px;
	line-height: 1.45;
	padding: 12px;
}

.djan-message--error {
	background: var(--djan-red-100);
	border-color: rgba(207, 21, 32, 0.24);
	color: var(--djan-red-800);
}

.djan-catalog-main > h2,
.djan-main-content > h2,
.djan-section-heading h2 {
	color: var(--djan-blue-950);
	font-size: 24px;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.12;
}

.djan-catalog-main > p,
.djan-main-content > p,
.djan-product__shop,
.djan-product__code,
.djan-product__price-sub {
	color: var(--djan-muted);
}

.djan-catalog-main > p,
.djan-main-content > p {
	font-size: 14px;
	line-height: 1.45;
}

.djan-catalog-main > p a,
.djan-main-content > p a {
	color: var(--djan-blue-900);
	font-weight: 850;
	text-decoration: underline;
	text-decoration-color: rgba(10, 47, 120, 0.24);
	text-underline-offset: 3px;
}

.djan-section-heading {
	align-items: end;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	justify-content: space-between;
}

.djan-section-kicker {
	color: var(--djan-red-700);
	font-size: 11px;
	font-weight: 950;
	line-height: 1.2;
	text-transform: uppercase;
}

.djan-help-header {
	display: grid;
	gap: 10px;
	margin-bottom: 18px;
}

.djan-help-back {
	color: var(--djan-blue-900);
	font-size: 14px;
	font-weight: 850;
	text-decoration: underline;
	text-decoration-color: rgba(10, 47, 120, 0.24);
	text-underline-offset: 3px;
}

.djan-help-content {
	display: grid;
	gap: 18px;
}

.djan-app-wrapper .djan-howto {
	color: #172033;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 0 8px;
	width: 100%;
}

.djan-app-wrapper .djan-howto *,
.djan-app-wrapper .djan-howto *::before,
.djan-app-wrapper .djan-howto *::after {
	box-sizing: border-box;
}

.djan-app-wrapper .djan-howto :where(h1, h2, h3, p) {
	margin: 0;
}

.djan-app-wrapper .djan-howto__hero {
	background: linear-gradient(135deg, #071b42 0%, #0a2f78 100%);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(7, 27, 66, 0.12);
	color: #ffffff;
	overflow: hidden;
	padding: 28px 18px;
	text-align: center;
}

.djan-app-wrapper .djan-howto__eyebrow {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin-bottom: 14px;
	padding: 8px 12px;
	text-transform: uppercase;
}

.djan-app-wrapper .djan-howto h1 {
	color: #ffffff;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.05;
}

.djan-app-wrapper .djan-howto__intro {
	color: #dbe7f6;
	font-size: 16px;
	line-height: 1.55;
	margin: 14px auto 0;
	max-width: 660px;
}

.djan-app-wrapper .djan-howto__delivery {
	align-items: center;
	background: #ffffff;
	border-radius: 999px;
	color: #071b42;
	display: inline-flex;
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	justify-content: center;
	line-height: 1.25;
	margin-top: 20px;
	max-width: 100%;
	padding: 10px 14px;
}

.djan-app-wrapper .djan-howto__delivery-dot {
	background: #cf1520;
	border-radius: 999px;
	flex: 0 0 8px;
	height: 8px;
	width: 8px;
}

.djan-app-wrapper .djan-howto__steps {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr);
	margin-top: 16px;
}

.djan-app-wrapper .djan-howto__step {
	background: #ffffff;
	border: 1px solid rgba(10, 47, 120, 0.14);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(7, 27, 66, 0.06);
	display: grid;
	gap: 16px;
	min-width: 0;
	padding: 18px;
}

.djan-app-wrapper .djan-howto__step-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.djan-app-wrapper .djan-howto__icon {
	align-items: center;
	border-radius: 8px;
	display: inline-flex;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.djan-app-wrapper .djan-howto__icon svg {
	display: block;
}

.djan-app-wrapper .djan-howto__icon--blue {
	background: #eaf1fb;
	color: #0a2f78;
}

.djan-app-wrapper .djan-howto__icon--green {
	background: #e9f9f3;
	color: #087849;
}

.djan-app-wrapper .djan-howto__icon--red {
	background: #fde7e9;
	color: #cf1520;
}

.djan-app-wrapper .djan-howto__icon--indigo {
	background: #eef2ff;
	color: #3f4ea8;
}

.djan-app-wrapper .djan-howto__number {
	color: #dbe7f6;
	font-size: 34px;
	font-weight: 900;
	line-height: 1;
}

.djan-app-wrapper .djan-howto__step h3 {
	color: #071b42;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.15;
}

.djan-app-wrapper .djan-howto__step p {
	color: #5f6f86;
	font-size: 15px;
	line-height: 1.55;
}

.djan-app-wrapper .djan-howto strong {
	color: #172033;
	font-weight: 900;
}

.djan-app-wrapper .djan-howto__note {
	align-items: flex-start;
	background: #f5f8fd;
	border: 1px solid rgba(10, 47, 120, 0.14);
	border-radius: 8px;
	display: flex;
	gap: 14px;
	margin-top: 16px;
	padding: 16px;
}

.djan-app-wrapper .djan-howto__note-icon {
	align-items: center;
	background: #ffffff;
	border: 1px solid rgba(10, 47, 120, 0.12);
	border-radius: 8px;
	color: #0a2f78;
	display: inline-flex;
	flex: 0 0 42px;
	font-size: 20px;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.djan-app-wrapper .djan-howto__note strong {
	display: block;
	font-size: 16px;
	line-height: 1.25;
	margin-bottom: 5px;
}

.djan-app-wrapper .djan-howto__note span {
	color: #5f6f86;
	display: block;
	font-size: 14px;
	line-height: 1.55;
}

.djan-app-wrapper .djan-howto__close {
	background: linear-gradient(115deg, #cf1520 0%, #b9101a 48%, #0a2f78 49%, #104ca5 100%);
	border-radius: 8px;
	color: #ffffff;
	margin-top: 16px;
	padding: 24px 18px;
	text-align: center;
}

.djan-app-wrapper .djan-howto__close-label {
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin-bottom: 8px;
	opacity: 0.9;
	text-transform: uppercase;
}

.djan-app-wrapper .djan-howto__close h2 {
	color: #ffffff;
	font-size: 28px;
	font-weight: 900;
	line-height: 1.12;
}

.djan-app-wrapper .djan-howto__close p {
	color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
	line-height: 1.55;
	margin: 12px auto 0;
	max-width: 600px;
}

.djan-products {
	align-items: start;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr);
}

.djan-product {
	background: var(--djan-panel);
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(7, 27, 66, 0.07);
	display: grid;
	grid-template-rows: auto auto;
	min-width: 0;
	overflow: hidden;
}

.djan-product.is-retired {
	opacity: 0.78;
}

.djan-product__media {
	background: #ffffff;
	border-bottom: 1px solid rgba(10, 47, 120, 0.1);
	display: flex;
	height: 310px;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.djan-product__media a {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	padding: 5px;
	width: 100%;
}

.djan-product__media img {
	display: block;
	flex: 0 0 auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	min-height: 0;
	object-fit: contain;
	object-position: center;
	padding: 0;
	width: auto;
}

.djan-product__media-placeholder {
	background: var(--djan-blue-100);
	height: 100%;
	width: 100%;
}

.djan-product__media-overlay {
	align-items: flex-start;
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	left: 8px;
	pointer-events: none;
	position: absolute;
	right: 8px;
	top: 8px;
}

.djan-product__status {
	background: var(--djan-red-700);
	border-radius: 7px;
	color: #ffffff;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	padding: 7px 8px;
}

.djan-product__share {
	align-items: center;
	appearance: none;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--djan-line);
	border-radius: 50%;
	box-shadow: 0 8px 18px rgba(7, 27, 66, 0.12);
	color: var(--djan-blue-900);
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	height: 34px;
	justify-content: center;
	margin-left: auto;
	padding: 0;
	pointer-events: auto;
	width: 34px;
}

.djan-product__body {
	background: var(--djan-panel);
	display: grid;
	gap: 8px;
	padding: 12px;
	position: relative;
	z-index: 1;
}

.djan-product__content {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.djan-product__shop {
	font-size: 12px;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.djan-product__title {
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.28;
}

.djan-product__title a {
	color: var(--djan-ink);
	display: -webkit-box;
	overflow: hidden;
	overflow-wrap: anywhere;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.djan-product__code {
	font-size: 11px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.djan-product__code b {
	color: var(--djan-blue-950);
}

.djan-product__footer {
	display: grid;
	gap: 7px;
}

.djan-app-wrapper .djan-product .djan-product__purchase,
.djan-app-wrapper .djan-product .djan-product__prices {
	align-items: start;
	display: block;
	margin: 0;
	padding: 0;
}

.djan-app-wrapper .djan-product .djan-product__price-main {
	align-items: center;
	display: flex;
	gap: 7px;
	line-height: 1.05;
	margin: 0;
	min-width: 0;
	padding: 0;
	row-gap: 2px;
	flex-wrap: wrap;
}

.djan-app-wrapper .djan-product .djan-product__price-main strong {
	color: var(--djan-red-700);
	font-size: 22px;
	font-weight: 950;
	line-height: 1.05;
	margin: 0;
	overflow-wrap: anywhere;
	padding: 0;
}

.djan-app-wrapper .djan-product .djan-price-info {
	align-items: center;
	appearance: none;
	background: var(--djan-blue-100);
	border: 1px solid rgba(10, 47, 120, 0.18);
	border-radius: 50%;
	color: var(--djan-blue-900);
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 900;
	height: 22px;
	justify-content: center;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 22px;
}

.djan-app-wrapper .djan-product .djan-product__price-sub {
	color: var(--djan-muted);
	display: block;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.15;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.djan-app-wrapper .djan-product .djan-product__actions {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 8px;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
}

.djan-app-wrapper .djan-product .djan-product__actions > .djan-product__action {
	align-items: center;
	display: inline-flex;
	flex: 1 1 0;
	font-size: 14px;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	min-width: 0;
	min-height: 42px;
	padding: 8px 8px;
	white-space: normal;
	width: 100%;
}

.djan-pagination {
	margin-top: 2px;
}

.djan-pagination__list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.djan-pagination__link {
	background: #ffffff;
	border: 1px solid var(--djan-line);
	border-radius: 7px;
	color: var(--djan-blue-900);
	font-size: 13px;
	font-weight: 850;
	line-height: 1;
	min-width: 36px;
	padding: 10px;
	text-align: center;
}

.djan-pagination__link:hover,
.djan-pagination__link.is-current {
	background: var(--djan-blue-900);
	color: #ffffff;
}

.djan-pagination__dots {
	color: var(--djan-muted);
}

.djan-store-directory {
	display: grid;
	gap: 14px;
}

.djan-store-groups {
	display: grid;
	gap: 12px;
}

.djan-store-group {
	background: #ffffff;
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(7, 27, 66, 0.06);
	display: grid;
	gap: 12px;
	padding: 14px;
}

.djan-store-group__header {
	display: grid;
	gap: 4px;
}

.djan-store-group__header h3,
.djan-main-content > h3 {
	color: var(--djan-blue-950);
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.2;
}

.djan-store-group__header p {
	color: var(--djan-muted);
	font-size: 14px;
	line-height: 1.45;
}

.djan-store-list {
	display: grid;
	gap: 8px;
	list-style: none;
	padding: 0;
}

.djan-store-item {
	background: var(--djan-blue-050);
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 10px;
	padding: 11px;
}

.djan-store-item__logo {
	align-items: center;
	align-self: start;
	background: #ffffff;
	border: 1px solid var(--djan-line);
	border-radius: 8px;
	display: flex;
	height: 48px;
	justify-content: center;
	overflow: hidden;
	padding: 6px;
	width: 48px;
}

.djan-store-item__logo img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.djan-store-item__logo span {
	color: var(--djan-blue-900);
	font-size: 18px;
	font-weight: 950;
	line-height: 1;
}

.djan-store-item__content {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.djan-store-item__content strong {
	color: var(--djan-blue-950);
	font-size: 15px;
	font-weight: 900;
	line-height: 1.2;
}

.djan-store-item__content p {
	color: var(--djan-muted);
	font-size: 13px;
	line-height: 1.35;
}

.djan-store-item__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	grid-column: 2;
}

.djan-store-item__actions a,
.djan-store-more summary {
	background: #ffffff;
	border: 1px solid var(--djan-line);
	border-radius: 7px;
	color: var(--djan-blue-900);
	cursor: pointer;
	font-size: 13px;
	font-weight: 850;
	line-height: 1;
	padding: 9px 10px;
}

.djan-store-more {
	display: grid;
	gap: 10px;
}

.djan-store-more summary {
	display: inline-flex;
	width: fit-content;
}

.djan-store-more[open] summary {
	background: var(--djan-blue-900);
	border-color: var(--djan-blue-900);
	color: #ffffff;
}

.djan-main-content hr,
.djan-catalog-main hr {
	border: 0;
	border-top: 1px solid var(--djan-line);
	width: 100%;
}

.djan-price-dialog {
	background: #ffffff;
	border: 1px solid rgba(10, 47, 120, 0.18);
	border-radius: 8px;
	box-shadow: 0 24px 60px rgba(7, 27, 66, 0.22);
	color: #111827;
	max-width: min(420px, calc(100vw - 32px));
	padding: 0;
}

.djan-price-dialog::backdrop {
	background: rgba(7, 27, 66, 0.36);
}

.djan-price-dialog__body {
	display: grid;
	gap: 14px;
	padding: 18px;
}

.djan-price-dialog__body p {
	color: #344054;
	font-size: 15px;
	line-height: 1.45;
}

.djan-toast {
	background: #071b42;
	border-radius: 8px;
	bottom: 18px;
	box-shadow: 0 18px 44px rgba(7, 27, 66, 0.22);
	color: #ffffff;
	font-size: 14px;
	font-weight: 850;
	left: 50%;
	opacity: 0;
	padding: 11px 14px;
	pointer-events: none;
	position: fixed;
	transform: translate(-50%, 10px);
	transition: opacity 140ms ease, transform 140ms ease;
	z-index: 99999;
}

.djan-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

@media (max-width: 379px) {
	.djan-header {
		grid-template-columns: 109px minmax(0, 1fr);
	}

	.djan-header__brand a {
		min-height: 109px;
	}

	.djan-service-nav__list a {
		font-size: 13px;
		min-height: 51px;
		padding: 6px 8px;
	}

	.djan-product__media {
		height: 285px;
	}
}

@media (min-width: 460px) {
	.djan-products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.djan-product__media {
		height: 285px;
	}
}

@media (min-width: 640px) {
	.djan-app-wrapper {
		padding: 14px;
	}

	.djan-header {
		grid-template-columns: 143px minmax(0, 1fr);
		gap: 10px;
		padding: 10px;
	}

	.djan-header__brand a {
		min-height: 143px;
	}

	.djan-service-nav__list a {
		font-size: 15px;
		min-height: 68px;
	}

	.djan-search__form {
		grid-template-columns: minmax(0, 1fr) 150px;
	}

	.djan-product__media {
		height: 250px;
	}

	.djan-store-item {
		align-items: center;
		grid-template-columns: 52px minmax(0, 1fr) auto;
	}

	.djan-store-item__logo {
		height: 52px;
		width: 52px;
	}

	.djan-store-item__actions {
		grid-column: auto;
	}
}

@media (min-width: 860px) {
	.djan-app-wrapper {
		padding: 18px;
	}

	.djan-header {
		grid-template-columns: 157px minmax(0, 1fr);
	}

	.djan-header__brand a {
		min-height: 157px;
	}

	.djan-service-nav__list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.djan-service-nav__list a {
		font-size: 16px;
		min-height: 157px;
		padding: 14px;
	}

	.djan-search__container {
		align-items: end;
		grid-template-columns: minmax(190px, 0.34fr) minmax(0, 0.66fr);
		padding: 18px;
	}

	.djan-help-header {
		margin-bottom: 22px;
	}

	.djan-app-wrapper .djan-howto {
		padding-bottom: 10px;
	}

	.djan-app-wrapper .djan-howto__hero {
		padding: 46px 34px;
	}

	.djan-app-wrapper .djan-howto h1 {
		font-size: 48px;
	}

	.djan-app-wrapper .djan-howto__steps {
		gap: 18px;
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		margin-top: 20px;
	}

	.djan-app-wrapper .djan-howto__step {
		padding: 22px;
	}

	.djan-app-wrapper .djan-howto__close {
		padding: 32px 24px;
	}

	.djan-app-wrapper .djan-howto__close h2 {
		font-size: 34px;
	}

	.djan-curated-nav {
		background: rgba(255, 255, 255, 0.96);
		border: 1px solid var(--djan-line);
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(7, 27, 66, 0.06);
		overflow: hidden;
		position: static;
		z-index: auto;
	}

	.djan-curated-nav__toggle {
		background: #ffffff;
		border: 0;
		border-radius: 0;
		bottom: auto;
		box-shadow: none;
		color: var(--djan-blue-950);
		cursor: default;
		font-size: 17px;
		justify-content: space-between;
		left: auto;
		min-height: 50px;
		padding: 0 14px;
		pointer-events: none;
		position: static;
		width: 100%;
		z-index: auto;
	}

	.djan-curated-nav__toggle-mark {
		display: none;
	}

	.djan-curated-nav__panel {
		border: 0;
		border-radius: 0;
		border-top: 1px solid var(--djan-line);
		bottom: auto;
		box-shadow: none;
		display: grid;
		left: auto;
		max-height: none;
		overflow: visible;
		position: static;
		right: auto;
		z-index: auto;
	}

	.djan-catalog-shell {
		align-items: start;
		grid-template-columns: 240px minmax(0, 1fr);
	}

	.djan-catalog-sidebar {
		position: sticky;
		top: 16px;
	}

	.djan-products {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}

	.djan-product__media {
		height: 224px;
	}

	.djan-store-groups {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1180px) {
	.djan-catalog-shell {
		grid-template-columns: 260px minmax(0, 1fr);
	}

	.djan-products {
		gap: 14px;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	}

	.djan-product__media {
		height: 232px;
	}
}