/*
Theme Name: Medex Theme
Theme URI: http://gelee.test
Description: Child tema za Divi – Medex Gelée Royale.
Author: Gorazd Erzen
Template: Divi
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: medex_theme
*/

/* Lastni stili gredo pod to vrstico. */

/* ---------- Tipografija ----------
 * Pisava strani je Montserrat (Divi → Theme Customizer), najbližji nadomestek za Gotham OT iz designa:
 * Gotham Book → Montserrat 400, Gotham Medium → Montserrat 600 (standardni rez; izmerjena debelina potez
 * H1 56 px: design 6,43 px, Montserrat 500 = 5,75 px, 600 = 7,29 px – 500 je vidno pretanek). Divi privzeto nastavi body na 500.
 */
body,
body #page-container {
	font-weight: 400;
}

/* Poudarki v designu so Gotham Medium (→ 600), ne krepko (700) */
#page-container strong,
#page-container b {
	font-weight: 600;
}

/* ---------- Splošno ---------- */
sup {
	font-size: 0.645em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em;
	bottom: auto;
}

.gr-dot {
	color: #c61c31;
	font-size: 1.7em;
	line-height: 0;
	vertical-align: -0.12em;
	margin: 0 12px 0 4px;
}


/* ---------- Gumbi ---------- */
.et_pb_button.gr-btn,
.et_pb_button.gr-btn:hover {
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Divi ob hoverju spremeni padding (prostor za puščico) – ohranimo mere iz designa */
body #page-container .et_pb_section .et_pb_button.gr-btn,
body #page-container .et_pb_section .et_pb_button.gr-btn:hover {
	padding: 9px 23px !important;
}

body #page-container .et_pb_section .et_pb_button.gr-btn--big,
body #page-container .et_pb_section .et_pb_button.gr-btn--big:hover {
	padding: 12px 31px !important;
}

body #page-container .et_pb_section .et_pb_button.gr-btn::after {
	display: none !important;
}

/* Ikona levo: SVG iz designa, barva sledi barvi besedila */
body #page-container .et_pb_section .et_pb_button.gr-btn--icon,
body #page-container .et_pb_section .et_pb_button.gr-btn--icon:hover {
	display: inline-flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

body #page-container .et_pb_section .et_pb_button.gr-btn--icon::before,
body #page-container .et_pb_section .et_pb_button.gr-btn--icon:hover::before {
	content: "" !important;
	position: static !important;
	transform: none !important;
	margin: 0 !important;
	opacity: 1 !important;
	display: block !important;
	flex: 0 0 auto;
	width: 19.2px;
	height: 18.4px;
	background-color: currentColor;
	-webkit-mask: var(--gr-icon) center / contain no-repeat;
	mask: var(--gr-icon) center / contain no-repeat;
}

.et_pb_button.gr-btn--icon-cart {
	--gr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.1 26.93' fill='none' stroke='%23000' stroke-width='2.34' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.53' cy='24.59' r='1.17'/%3E%3Ccircle cx='23.42' cy='24.59' r='1.17'/%3E%3Cpath d='M1.17 1.17h4.68l3.14 15.68a2.34 2.34 0 0 0 2.34 1.88h11.38a2.34 2.34 0 0 0 2.34-1.88l1.87-9.83H7.02'/%3E%3C/svg%3E");
}

.et_pb_button.gr-btn--icon-send {
	--gr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22l-4-9-9-4 20-7z'/%3E%3C/svg%3E");
}

body #page-container .et_pb_section .et_pb_button.gr-btn--icon-send,
body #page-container .et_pb_section .et_pb_button.gr-btn--icon-send:hover {
	gap: 12px;
}

body #page-container .et_pb_section .et_pb_button.gr-btn--icon-send::before {
	width: 18px;
	height: 18px;
}

body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon,
body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon:hover {
	gap: 28px;
}

body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon::before {
	width: 28.1px;
	height: 26.9px;
}

@media (max-width: 980px) {
	.gr-buttons {
		flex-wrap: wrap !important;
	}
}

@media (max-width: 767px) {
	.gr-buttons .et_pb_button_module_wrapper,
	body #page-container .et_pb_section .gr-buttons .et_pb_button.gr-btn {
		display: block;
		width: 100%;
		max-width: 100% !important;
		text-align: center;
	}

	body #page-container .et_pb_section .gr-buttons .et_pb_button.gr-btn--icon {
		display: flex !important;
	}

	body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon {
		gap: 16px;
	}

	body #page-container .et_pb_section .et_pb_button.gr-btn--big {
		font-size: 16px !important;
		padding: 9px 23px !important;
	}

	body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon::before {
		width: 19.2px;
		height: 18.4px;
	}
}

/* ---------- Sestavine (Toggle) – kljukica pred naslovom ---------- */
.gr-ingredient .et_pb_toggle_title {
	padding-left: 30px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23c61c31'/%3E%3Cpath d='M5 9.2l2.7 2.7L13.4 6.2' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left 0.2em;
}

.gr-ingredient .et_pb_toggle_content {
	padding-left: 30px;
	padding-top: 16px;
}

.gr-ingredient .et_pb_toggle_content p:not(:last-child),
.gr-faq .et_pb_toggle_content p:not(:last-child) {
	padding-bottom: 1.5em;
}

.gr-ingredient .et_pb_toggle_content a {
	color: inherit;
	text-decoration: underline;
}


/* ---------- Znanje v praksi (shortcode [gr_znanje_v_praksi]) ---------- */
.gr-posts__item {
	padding: 32px 0;
	border-top: 1px solid rgba(28, 23, 21, 0.08);
}

.gr-posts__item:first-child {
	padding-top: 0;
	border-top: 0;
}

.gr-posts__item:last-child {
	padding-bottom: 0;
}

.gr-posts__title {
	margin: 0;
	padding: 0 0 24px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.4px;
}

.gr-posts__title a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	color: #c61c31;
}

.gr-posts__title span {
	max-width: 575px;
}

.gr-posts__title svg {
	flex: 0 0 auto;
	color: #1c1715;
	transition: transform 0.2s ease;
}

.gr-posts__title a:hover svg {
	transform: translate(2px, -2px);
}

.gr-posts__body {
	display: flex;
	align-items: center;
	gap: 24px;
}

.gr-posts__image {
	flex: 0 0 358px;
	max-width: 54%;
}

.gr-posts__image img {
	display: block;
	width: 100%;
	aspect-ratio: 358 / 213;
	object-fit: cover;
	border-radius: 8px;
}

.gr-posts__text {
	flex: 1 1 0;
	min-width: 0;
}

.gr-posts__excerpt {
	margin: 0 0 16px;
	padding: 0;
	font-size: 16px;
	line-height: 1.5;
	color: #1c1715;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gr-posts__more {
	display: inline-block;
	padding: 9px 23px;
	border: 1px solid #c61c31;
	border-radius: 53px;
	background: #fff;
	color: #c61c31;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.48px;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.gr-posts__more:hover {
	background: #fdeff1;
}

@media (max-width: 767px) {
	.gr-posts__body {
		flex-direction: column;
		align-items: flex-start;
	}

	.gr-posts__image {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}

	.gr-posts__excerpt {
		-webkit-line-clamp: unset;
		display: block;
	}
}

/* ---------- Glava ---------- */
.gr-header .gr-menu.et_pb_menu .et_pb_menu__wrap {
	flex: 1 1 auto;
	justify-content: center !important;
}

.gr-header .gr-menu.et_pb_menu .et_pb_menu__menu,
.gr-header .gr-menu.et_pb_menu .et_pb_menu__menu > nav {
	flex: 1 1 auto;
	justify-content: center;
}

.gr-header .gr-menu.et_pb_menu .et-menu {
	justify-content: center;
	width: 100%;
}

.gr-header .gr-menu .et_pb_menu__logo img {
	width: 180px;
	max-height: 60px;
}

.gr-header .gr-menu .et-menu > li {
	padding-left: 24px;
	padding-right: 24px;
}

.gr-header .gr-menu .et-menu > li > a:hover {
	opacity: 0.75;
}

@media (max-width: 980px) {
	.gr-header .gr-menu.et_pb_menu .et_pb_menu__wrap {
		justify-content: flex-end !important;
	}
}

@media (max-width: 767px) {
	.gr-header .gr-menu .et_pb_menu__logo img {
		width: 126px;
		max-height: 42px;
	}
}

/* ---------- Noga ---------- */
.gr-footer-gap {
	display: inline-block;
	width: 64px;
}

.gr-footer-menu p {
	padding-bottom: 0;
}

.gr-footer a:hover {
	color: #c61c31 !important;
}

/* ---------- Hero – ključni podatki ---------- */
.gr-stat .et_pb_module_header {
	white-space: nowrap;
	padding-bottom: 4px;
}

.gr-header .gr-menu.et_pb_menu .et-menu > li > a {
	padding-top: 16px;
	padding-bottom: 16px;
}

.gr-header .gr-menu .et_pb_menu__logo-wrap,
.gr-header .gr-menu .et_pb_menu__logo {
	max-width: none;
	flex-shrink: 0;
}

/* Senca gumba v glavi (Figma: drop shadow 3.37 / 3.37 / 21.67, rdeča 25 %) */
.gr-header .et_pb_button.gr-btn {
	box-shadow: 3.37px 3.37px 21.67px rgba(198, 28, 49, 0.25);
}

/* Hero: slika je na manjših zaslonih širša od vsebine – brez vodoravnega drsenja strani */
.gr-hero {
	overflow: hidden;
}

/* ---------- Gumbi se nikoli ne stisnejo pod širino vsebine ---------- */
body #page-container .et_pb_section .et_pb_button.gr-btn {
	flex: 0 0 auto;
	width: auto;
	min-width: max-content;
	max-width: none;
	box-sizing: border-box;
}

.gr-buttons > .et_pb_button_module_wrapper,
.gr-header .et_pb_button_module_wrapper {
	flex: 0 0 auto;
	min-width: max-content;
}

/* Če dva gumba ne gresta v vrsto, se drugi prelomi v novo vrstico (namesto prelivanja) */
.gr-buttons {
	flex-wrap: wrap !important;
}

/* Glava: meni zavzame prosti prostor, stolpec z gumbom je širok toliko kot gumb */
@media (min-width: 981px) {
	.gr-header .et_pb_row > .et_pb_column:first-child {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0;
	}

	.gr-header .et_pb_row > .et_pb_column:last-child {
		flex: 0 0 auto !important;
		width: auto !important;
	}

	.gr-header .gr-menu .et-menu {
		flex-wrap: nowrap;
	}

	.gr-header .gr-menu .et-menu > li > a {
		white-space: nowrap;
	}
}

/* Ožja namizja (981–1280 px): manjši stranski odmiki in razmiki v meniju */
@media (min-width: 981px) and (max-width: 1280px) {
	#page-container .et_pb_section {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}

	.gr-header .gr-menu .et-menu > li {
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media (max-width: 767px) {
	body #page-container .et_pb_section .gr-buttons .et_pb_button.gr-btn {
		min-width: 0;
		width: 100%;
	}

	.gr-buttons > .et_pb_button_module_wrapper {
		min-width: 0;
		flex: 1 1 100%;
	}
}


/* =====================================================================
 * Odzivni popravki po primerjavi s Figmo (tablica 834 px, telefon 402 px)
 * ===================================================================== */

/* Odstavki: v designu je med odstavki cela prazna vrstica */
.et_pb_text .et_pb_text_inner p:not(:last-child) {
	padding-bottom: 1.5em;
}

/* Opomba o trditvah: pika v svojem stolpcu, besedilo poravnano */
.gr-note p {
	display: flex;
	align-items: center;
	gap: 12px;
}

.gr-note .gr-dot {
	margin: 0 0 0 4px;
	flex: 0 0 auto;
}

/* Znanje v praksi: puščica poravnana s prvo vrstico naslova */
.gr-posts__title a {
	align-items: flex-start;
}

/* Pogosta vprašanja: ševron iz designa (24 px), več prostora za naslov in pod njim */
.gr-faq .et_pb_toggle_title {
	padding-right: 40px !important;
}

.gr-faq .et_pb_toggle_title::before {
	content: "" !important;
	width: 24px;
	height: 24px;
	right: 0 !important;
	margin-top: -12px !important;
	background-color: #1c1715;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.2s ease;
}

.gr-faq.et_pb_toggle_open .et_pb_toggle_title::before {
	transform: rotate(180deg);
}

.gr-faq .et_pb_toggle_content {
	padding-top: 32px !important;
}

/* Noga: logotipa sta po sredini poravnana samo na telefonu (na namizju in tablici zgoraj) */
@media (max-width: 767px) {
	.gr-footer .et_pb_row:first-child {
		align-items: center !important;
	}
}

/* Glava na namizju: višina 108 px (24 + 60 + 24) */
@media (min-width: 768px) {
	.gr-header .gr-menu .et_pb_menu_inner_container {
		min-height: 60px;
	}
}

/* Glava: ikona menija s štirimi črtami kot v designu */
.gr-header .gr-menu .mobile_menu_bar::before {
	content: "" !important;
	display: block;
	width: 30px;
	height: 21px;
	background: repeating-linear-gradient(to bottom, #c61c31 0, #c61c31 3px, transparent 3px, transparent 6px);
}

/* ---------- Tablica in telefon (do 980 px) ---------- */
@media (max-width: 980px) {
	/* veliki gumb v CTA je v designu navadne velikosti */
	body #page-container .et_pb_section .et_pb_button.gr-btn--big,
	body #page-container .et_pb_section .et_pb_button.gr-btn--big:hover {
		font-size: 16px !important;
		padding: 9px 23px !important;
		letter-spacing: -0.48px !important;
	}

	body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon,
	body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon:hover {
		gap: 20px;
	}

	body #page-container .et_pb_section .et_pb_button.gr-btn--big.gr-btn--icon::before {
		width: 19.2px;
		height: 18.4px;
	}
}

/* ---------- Samo tablica (768–980 px) ---------- */
@media (min-width: 768px) and (max-width: 980px) {
	/* hero: gumba enako široka čez celo širino */
	.gr-buttons--fill {
		flex-wrap: nowrap !important;
	}

	.gr-buttons--fill > .et_pb_button_module_wrapper {
		flex: 1 1 0 !important;
		min-width: 0;
	}

	body #page-container .et_pb_section .gr-buttons--fill .et_pb_button.gr-btn {
		display: flex !important;
		justify-content: center;
		text-align: center;
		width: 100%;
		max-width: none !important;
	}

	/* fotografija čebel zapolni višino besedila */
	.gr-science-img img {
		height: 373px;
		object-fit: cover;
	}
}

/* ---------- Telefon (do 767 px) ---------- */
@media (max-width: 767px) {
	/* hero: oznake pod številkami v eni vrstici */
	.gr-stat .et_pb_blurb_description p {
		white-space: nowrap;
		letter-spacing: -0.2px;
	}

	/* kartice: ikona in besedilo navpično poravnana */
	.gr-card .et_pb_blurb_content {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		gap: 25px;
	}

	.gr-card {
		padding-left: 21px !important;
	}

	.gr-card .et_pb_main_blurb_image {
		display: block;
		flex: 0 0 62px;
		width: 62px;
		margin: 0 !important;
	}

	.gr-card .et_pb_main_blurb_image .et_pb_image_wrap,
	.gr-card .et_pb_main_blurb_image img {
		width: 62px !important;
		max-width: none;
	}

	.gr-note {
		margin-top: -12px !important;
	}

	.gr-card .et_pb_blurb_container {
		display: block;
		flex: 1 1 auto;
		padding-left: 0 !important;
	}

	.gr-note p {
		align-items: flex-start;
	}

	.gr-note .gr-dot {
		margin-top: 0.55em;
	}

	/* noga: večji razmiki in pravni povezavi na levi in desni */
	.gr-footer .et_pb_row {
		row-gap: 40px !important;
	}

	.gr-footer-legal p {
		display: flex;
		justify-content: space-between;
	}

	.gr-footer-gap {
		display: none;
	}
}

/* Noga: SVG logotipa zapolnita nastavljeno širino modula; meni brez dodatnega razmika med odstavki */
.gr-footer .et_pb_image .et_pb_image_wrap,
.gr-footer .et_pb_image .et_pb_image_wrap img {
	width: 100% !important;
	height: auto;
}

.gr-footer .gr-footer-menu .et_pb_text_inner p:not(:last-child) {
	padding-bottom: 0;
}


/* =====================================================================
 * Drugi krog uskladitve s Figmo
 * ===================================================================== */

/* Glava na tablici: višina 96 px, logotip 190 px */
@media (min-width: 768px) and (max-width: 980px) {
	.gr-header {
		padding-top: 18px !important;
		padding-bottom: 18px !important;
	}

	.gr-header .gr-menu .et_pb_menu__logo img {
		width: 190px;
		max-height: 60px;
	}

	/* opomba pod karticami sega do 24 px od roba kot kartice */
	.gr-note {
		margin-right: -24px !important;
	}
}

@media (max-width: 767px) {
	/* gumb v CTA je v mobilnem designu visok 40 px */
	body #page-container .et_pb_section .et_pb_button.gr-btn--big,
	body #page-container .et_pb_section .et_pb_button.gr-btn--big:hover {
		padding: 7px 23px !important;
	}
}

/* Kartice: razmik med ikono in besedilom je v designu 12 px (Divi privzeto 30 px) */
@media (min-width: 768px) {
	.gr-card .et_pb_blurb_content {
		gap: 12px !important;
		row-gap: 12px !important;
	}

	.gr-card .et_pb_main_blurb_image {
		margin-bottom: 0 !important;
	}
}

/* =====================================================================
 * Stran izdelka (/o-izdelku/)
 * ===================================================================== */

/* ---------- Galerija ---------- */
.gr-gallery {
	border-radius: 16px;
	overflow: hidden;
}

.gr-gallery .et_pb_gallery_image img {
	display: block;
	width: 100%;
	aspect-ratio: 588 / 524;
	object-fit: cover;
}

.gr-gallery .et_overlay,
.gr-gallery .et-pb-controllers {
	display: none !important;
}

.gr-gallery .et-pb-slider-arrows a,
.gr-gallery:hover .et-pb-slider-arrows a {
	width: 34px;
	height: 34px;
	margin-top: -17px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	color: #fff !important;
	font-size: 26px;
	line-height: 34px;
	text-align: center;
	opacity: 1 !important;
}

.gr-gallery .et-pb-slider-arrows a::before {
	font-size: 26px;
	line-height: 34px;
	color: #fff;
}

.gr-gallery .et-pb-slider-arrows a.et-pb-arrow-prev,
.gr-gallery:hover .et-pb-slider-arrows a.et-pb-arrow-prev {
	left: 24px !important;
}

.gr-gallery .et-pb-slider-arrows a.et-pb-arrow-next,
.gr-gallery:hover .et-pb-slider-arrows a.et-pb-arrow-next {
	right: 24px !important;
}

.gr-gallery-thumb,
.gr-gallery-thumb .et_pb_image_wrap,
.gr-gallery-thumb img {
	display: block;
	width: 100% !important;
}

.gr-gallery-thumb img {
	aspect-ratio: 1;
	object-fit: cover;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.gr-gallery-thumb:hover img {
	opacity: 0.85;
}

/* ---------- Gumb čez celo širino + rumeni gumb ---------- */
.gr-buttons--block > .et_pb_button_module_wrapper {
	width: 100%;
	flex: 1 1 100%;
}

body #page-container .et_pb_section .gr-buttons--block .et_pb_button.gr-btn {
	display: flex !important;
	width: 100%;
	max-width: none !important;
}

.gr-related-col .et_pb_button_module_wrapper {
	width: 100%;
}

body #page-container .et_pb_section .et_pb_button.gr-btn--yellow,
body #page-container .et_pb_section .et_pb_button.gr-btn--yellow:hover {
	display: block;
	width: 100%;
	max-width: none !important;
	padding: 10.5px 24px !important;
	text-align: center;
}

/* ---------- Oznake izdelka ---------- */
.gr-cert,
.gr-cert .et_pb_image_wrap,
.gr-cert img {
	display: block;
}

.gr-cert .et_pb_image_wrap,
.gr-cert img {
	width: 100% !important;
	height: auto;
}

@media (max-width: 767px) {
	.gr-certs .gr-cert {
		justify-self: center;
		width: 120px !important;
	}

	.gr-certs {
		row-gap: 0 !important;
		margin-top: 28px !important;
	}

	.gr-certs .gr-cert:nth-child(n+4) {
		margin-top: -14px;
	}

	/* mobilni design nima puščic v galeriji (slike se menjajo s potegom ali sličicami) */
	.gr-gallery .et-pb-slider-arrows {
		display: none;
	}
}

/* ---------- Navodila za uporabo ---------- */
.gr-usage-card {
	position: relative;
	display: block !important;
	aspect-ratio: 588 / 399.17;
	overflow: hidden;
}

.gr-usage-label {
	position: absolute !important;
	left: 2.72%;
	bottom: 0;
	width: 73.3%;
	min-height: 33.1%;
	box-sizing: border-box;
	padding: 19px 32px 16px !important;
	border-radius: 24px 24px 0 0;
}

.gr-usage-num {
	flex: 0 0 40px;
	width: 40px !important;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.gr-usage-num p {
	padding: 0;
}

.gr-usage-text {
	flex: 1 1 auto;
	min-width: 0;
}

.gr-usage-text .et_pb_module_header {
	padding-bottom: 12px;
}

@media (max-width: 980px) {
	/* tablica: oznaka čez celo širino kartice, običajna velikost pisave */
	.gr-usage-card {
		aspect-ratio: 363 / 272;
	}

	.gr-usage-label {
		left: 0;
		width: 100%;
		min-height: 35%;
		padding: 30px 28px 10px !important;
		border-radius: 24px 24px 0 0;
	}

	.gr-usage-text .et_pb_module_header {
		padding-bottom: 8px;
	}

	/* galerija: razmerje in sličice fiksne velikosti kot v designu */
	.gr-gallery .et_pb_gallery_image img {
		aspect-ratio: 738 / 588;
	}

	.gr-gallery-thumbs {
		grid-template-columns: repeat(4, 126px) !important;
		column-gap: 19.5px !important;
		justify-content: start;
	}
}

@media (max-width: 767px) {
	/* telefon: kartica kot na namizju (oznaka levo spodaj), pomanjšana pisava */
	.gr-usage-card {
		aspect-ratio: 588 / 399.17;
	}

	.gr-usage-label {
		left: 2.72%;
		width: 76%;
		min-height: 33.1%;
		padding: 11px 16px 8px !important;
		border-radius: 15px 15px 0 0;
	}

	.gr-usage-num {
		flex-basis: 26px;
		width: 26px !important;
		height: 26px;
	}

	.gr-usage-text .et_pb_module_header {
		padding-bottom: 5px;
	}

	.gr-gallery .et_pb_gallery_image img {
		aspect-ratio: 362 / 323;
	}

	.gr-gallery-thumbs {
		grid-template-columns: repeat(4, 80px) !important;
		column-gap: 14px !important;
	}

	/* oznake izdelka v mreži 3 × 2 */
	.gr-certs {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 0;
		justify-items: center;
	}
}

/* ---------- Pomembno ---------- */
.gr-important-label {
	flex: 0 0 229px;
	box-sizing: border-box;
	padding: 26px 24px !important;
	border-right: 2px solid #c61c31;
	border-radius: 16px 0 0 16px;
}

.gr-important-label p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	padding: 0;
}

.gr-important-label p::before {
	content: "";
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	background-color: #c61c31;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='m17 11 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='m17 11 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.gr-important-text {
	flex: 1 1 auto;
	min-width: 0;
}

@media (max-width: 767px) {
	.gr-important-label {
		flex: 0 0 auto;
		border-right: 0;
		border-left: 2px solid #c61c31;
		border-radius: 0 16px 16px 0;
		padding: 14px 24px !important;
	}
}

.gr-warning-col {
	flex: 1 1 0;
	min-width: 0;
}

.gr-warning-col strong {
	color: #1c1715;
	font-weight: 600;
}

@media (min-width: 768px) {
	.gr-warning .gr-warning-col:first-child {
		flex: 0 0 44%;
	}
}

/* ---------- Tabela vsebnosti ---------- */
#page-container .gr-nutri,
#page-container .gr-nutri tr,
#page-container .gr-nutri th,
#page-container .gr-nutri td {
	border: 0 !important;
	background: none;
}

#page-container .gr-nutri {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

#page-container .gr-nutri th,
#page-container .gr-nutri td {
	padding: 0 0 20px !important;
	vertical-align: top;
	text-align: left;
	font-weight: 400;
	line-height: inherit;
}

#page-container .gr-nutri tr:last-child th,
#page-container .gr-nutri tr:last-child td {
	padding-bottom: 0 !important;
}

#page-container .gr-nutri th {
	width: 48.2%;
	color: #1c1715;
}

#page-container .gr-nutri td {
	color: #8b8887;
}

#page-container .gr-nutri td:last-child {
	width: 20%;
	white-space: nowrap;
}

@media (max-width: 767px) {
	#page-container .gr-nutri th,
	#page-container .gr-nutri td {
		padding-bottom: 16px !important;
	}

	#page-container .gr-nutri th {
		width: 42%;
	}

	#page-container .gr-nutri td:last-child {
		width: 26%;
		text-align: right;
	}
}

/* ---------- Dobro se ujema z ---------- */
.gr-related-sub {
	font-size: 14px;
	color: #605d5b;
}

.gr-related-text strong {
	font-weight: 600;
}

/* =====================================================================
 * Stran »Kupi zdaj« (/nakup/)
 * ===================================================================== */
.gr-pharmacy,
.gr-pharmacy .et_pb_image_wrap,
.gr-pharmacy a,
.gr-pharmacy img {
	display: block;
	width: 100% !important;
}

.gr-pharmacy {
	box-sizing: border-box;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.gr-pharmacy:hover {
	transform: translateY(-2px);
}

.gr-pharmacy img {
	aspect-ratio: 246 / 98;
	object-fit: contain;
}

@media (max-width: 767px) {
	.gr-pharmacy img {
		aspect-ratio: 173 / 80;
	}
}

/* =====================================================================
 * Pravni strani (/splosni-pogoji/, /pravna-obvestila/)
 * ===================================================================== */
.gr-legal .et_pb_heading_container > * {
	padding-bottom: 0;
}

.gr-legal__title {
	margin-bottom: 40px !important;
}

/* besedilo takoj pod naslovom strani (Splošni pogoji) */
.gr-legal__title + .gr-legal__text {
	margin-top: 3px !important;
}

.gr-legal__h2 {
	margin-bottom: 48px !important;
}

.gr-legal__h3 {
	margin-bottom: 32px !important;
}

.gr-legal__text + .gr-legal__h3,
.gr-legal__text + .gr-legal__h2 {
	margin-top: 47px !important;
}

.gr-legal .gr-legal__text .et_pb_text_inner p,
.gr-legal .gr-legal__text .et_pb_text_inner ul {
	padding-bottom: 27px;
}

.gr-legal .gr-legal__text .et_pb_text_inner p:last-child,
.gr-legal .gr-legal__text .et_pb_text_inner p:has(+ ul) {
	padding-bottom: 0;
}

.gr-legal__text ul {
	list-style: none;
	padding-left: 48px;
}

.gr-legal__text ul li {
	position: relative;
	line-height: 27px;
}

.gr-legal__text ul li::before {
	content: "•";
	position: absolute;
	left: -15px;
}

/* odstavek, ki nadaljuje točko takoj za seznamom */
.gr-legal__text .gr-legal__cont {
	margin-top: -27px;
}

.gr-legal__text a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 767px) {
	.gr-legal__title {
		margin-bottom: 33px !important;
	}

	.gr-legal__title + .gr-legal__text {
		margin-top: 0 !important;
	}

	.gr-legal__h2 {
		margin-bottom: 35px !important;
	}

	.gr-legal__h3 {
		margin-bottom: 32px !important;
	}

	.gr-legal__text + .gr-legal__h3,
	.gr-legal__text + .gr-legal__h2 {
		margin-top: 42px !important;
	}

	.gr-legal__text ul {
		padding-left: 32px;
	}
}

/* =====================================================================
 * Seznam objav »Znanje v praksi« (/znanje-v-praksi/, Divi Blog modul .gr-blog)
 * ===================================================================== */
.gr-blog article.et_pb_post {
	display: grid;
	grid-template-columns: minmax(0, 560fr) minmax(0, 600fr);
	grid-template-rows: 1fr auto auto 1fr;
	column-gap: 40px;
	margin: 0 0 40px;
	padding: 0;
	border: 0;
	background: none;
}

.gr-blog article.et_pb_post:last-child {
	margin-bottom: 0;
}

.gr-blog .entry-featured-image-url {
	grid-column: 1;
	grid-row: 1 / -1;
	display: block;
	margin: 0;
	overflow: hidden;
	border-radius: 16px;
}

.gr-blog .entry-featured-image-url img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 560 / 320;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.gr-blog .entry-featured-image-url:hover img {
	transform: scale(1.03);
}

.gr-blog .et_overlay,
.gr-blog .post-meta {
	display: none;
}

.gr-blog .entry-title {
	grid-column: 2;
	grid-row: 2;
	max-width: 480px;
	margin: 28px 0 0;
	padding: 0 0 20px;
}

.gr-blog .entry-title a {
	color: inherit;
}

.gr-blog .post-content {
	grid-column: 2;
	grid-row: 3;
}

.gr-blog .post-content-inner p {
	padding-bottom: 0;
}

/* Divi vsili .et_pb_posts a.more-link {display:block} – selektor mora biti močnejši */
.gr-blog.et_pb_posts a.more-link,
.gr-blog .more-link {
	display: inline-block;
	width: auto;
	clear: none;
	margin-top: 20px;
	padding: 8px 23px;
	border: 1px solid #c61c31;
	border-radius: 53px;
	line-height: 24px;
	text-transform: none;
	transition: background-color 0.2s ease;
}

.gr-blog .more-link:hover {
	background-color: #fdeff1;
}

.gr-blog .pagination {
	margin-top: 40px;
}

.gr-blog .pagination:not(:has(a)) {
	display: none;
}

.gr-blog .pagination a {
	font-weight: 600;
	color: #c61c31;
}

/* objava brez slike: besedilo čez celo širino */
.gr-blog article.et_pb_post:not(.has-post-thumbnail) {
	grid-template-columns: minmax(0, 1fr);
}

.gr-blog article.et_pb_post:not(.has-post-thumbnail) .entry-title,
.gr-blog article.et_pb_post:not(.has-post-thumbnail) .post-content {
	grid-column: 1;
}

@media (max-width: 980px) {
	.gr-blog article.et_pb_post {
		column-gap: 24px;
	}
}

@media (max-width: 767px) {
	.gr-blog article.et_pb_post {
		display: block;
	}

	.gr-blog .entry-featured-image-url img {
		aspect-ratio: 362 / 322;
	}

	.gr-blog .entry-title {
		max-width: none;
		margin-top: 24px;
		padding-bottom: 23px;
	}

	.gr-blog .more-link {
		margin-top: 22px;
	}
}

/* =====================================================================
 * Objava (predloga Theme Builder »Objave«: .gr-post, vsebina članka: .gr-article)
 * ===================================================================== */
.gr-post .et_pb_row {
	max-width: 894px !important;
}

.gr-post__head {
	row-gap: 0 !important;
}

.gr-post__head .et_pb_title_featured_container {
	margin: 0 0 52px;
	overflow: hidden;
	border-radius: 12px;
}

.gr-post__head .et_pb_title_featured_container .et_pb_image_wrap,
.gr-post__head .et_pb_title_featured_container img {
	display: block;
	width: 100%;
}

.gr-post__head .et_pb_title_featured_container img {
	aspect-ratio: 894 / 510;
	object-fit: cover;
}

.gr-post__head .et_pb_title_container,
.gr-post__content {
	width: 100%;
	max-width: 588px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.gr-post__head .entry-title {
	padding-bottom: 0;
	text-wrap: balance;
}

.gr-post__content {
	margin-top: 26px !important;
}

/* objave, napisane v urejevalniku blokov (brez Divi modulov) */
.gr-post__content > p,
.gr-post__content > ul,
.gr-post__content > ol {
	padding-bottom: 25px;
	font-size: 16px;
	line-height: 25px;
	color: #1c1715;
}

.gr-post__content > h2 {
	padding: 38px 0 24px;
	font-size: 40px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: -0.8px;
	color: #c61c31;
}

.gr-post__content > h3 {
	padding: 16px 0 16px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1em;
	color: #1c1715;
}

.gr-post__content img {
	border-radius: 12px;
}

/* ---------- članek iz Divi modulov ---------- */
.gr-article,
.gr-article .et_pb_row {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.gr-article .et_pb_heading_container > * {
	padding-bottom: 0;
}

.gr-article .gr-article__text .et_pb_text_inner p,
.gr-article .gr-article__text .et_pb_text_inner ul,
.gr-article .gr-num .et_pb_text_inner p {
	padding-bottom: 25px;
}

.gr-article .gr-num .et_pb_text_inner p {
	padding-bottom: 24px;
}

.gr-article .gr-article__text .et_pb_text_inner > :last-child,
.gr-article .gr-num .et_pb_text_inner > p:last-child {
	padding-bottom: 0;
}

.gr-article__h2 {
	margin: 54px 0 26px !important;
}

.gr-article__h2--sub {
	margin-top: 0 !important;
	margin-bottom: 8px !important;
}

.gr-article__h2--sub:not(:has(+ .gr-num)) {
	margin-top: 54px !important;
	margin-bottom: 26px !important;
}

.gr-article__kicker + .gr-article__h2--sub {
	margin-top: 0 !important;
}

.gr-article__kicker {
	margin-top: 62px !important;
}

.gr-article__h2 + .gr-article__figure {
	margin-top: 0 !important;
}

.gr-article__h3 {
	margin: 0 0 25px !important;
}

/* seznam z alinejami */
.gr-article .gr-article__text .et_pb_text_inner p:has(+ ul) {
	padding-bottom: 24px;
}

.gr-article__text ul {
	list-style: none;
	padding-left: 24px;
}

.gr-article__text ul li {
	position: relative;
	padding-bottom: 24px;
	line-height: 25px;
}

.gr-article__text ul li:last-child {
	padding-bottom: 0;
}

.gr-article__text ul li::before {
	content: "•";
	position: absolute;
	left: -15px;
}

/* slike in infografike */
.gr-article__figure {
	margin: 24px 0 !important;
}

.gr-article__figure img {
	display: block;
	width: 100%;
	border-radius: 12px;
}

.gr-article__figure--card img {
	border-radius: 0;
}

.gr-article__figure--wide {
	width: 894px !important;
	max-width: calc(100vw - 96px) !important;
	margin: 56px 0 0 50% !important;
	transform: translateX(-50%);
}

.gr-article__figure--wide img {
	border-radius: 0;
}

/* kartice s podatki o študiji */
.gr-facts {
	margin-top: 22px !important;
}

.gr-fact {
	box-sizing: border-box;
	min-height: 140px;
	padding: 23px 24px 28px !important;
}

.gr-article .gr-fact .et_pb_text_inner .gr-fact__label {
	padding-bottom: 17px;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	color: #c61c31;
}

.gr-article .gr-fact .et_pb_text_inner .gr-fact__value {
	padding-bottom: 6px;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.3px;
	white-space: nowrap;
}

.gr-article .gr-fact .et_pb_text_inner .gr-fact__note {
	padding-bottom: 0;
	font-size: 11px;
	line-height: 19px;
	color: rgba(28, 23, 21, 0.7);
}

/* oštevilčeni parametri 01–05 */
.gr-num {
	padding: 23px 0 30px !important;
	border-bottom: 1px solid rgba(28, 23, 21, 0.12);
}

.gr-article__h2--sub + .gr-num {
	padding-top: 21px !important;
}

.gr-num:has(+ .gr-article__h2) {
	border-bottom: 0;
	padding-bottom: 0 !important;
}

.gr-num__head {
	display: flex;
	align-items: flex-start;
	gap: 42px;
	padding: 0 0 4px 10px;
}

.gr-num__no {
	flex: 0 0 auto;
	font-size: 40px;
	font-weight: 600;
	line-height: 56px;
	color: #c61c31;
}

.gr-num .gr-num__title {
	padding: 4px 0 4px;
	font-size: 24px;
	font-weight: 600;
	line-height: 29px;
	letter-spacing: 0.2px;
	color: #1c1715;
}

.gr-article .gr-num .et_pb_text_inner .gr-num__head .gr-num__sub {
	padding-bottom: 0 !important;
	font-size: 11px;
	line-height: 16px;
	color: #c61c31;
}

/* poudarek »Pomembno« */
.gr-callout {
	width: 476px !important;
	max-width: 100%;
	margin: 24px auto 0 !important;
	padding: 14px 24px !important;
	text-align: center;
}

.gr-callout p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 0;
}

.gr-callout__icon {
	width: 36px;
	height: 36px;
	background-color: #c61c31;
	-webkit-mask: var(--gr-user-check) center / contain no-repeat;
	mask: var(--gr-user-check) center / contain no-repeat;
	--gr-user-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12.5' cy='9.5' r='5'/%3E%3Cpath d='M3 27v-2.7a5.3 5.3 0 0 1 5.3-5.3h8.4a5.3 5.3 0 0 1 5.3 5.3V27'/%3E%3Cpath d='M22 14.5l3 3 5.5-5.5'/%3E%3C/svg%3E");
}

.gr-callout-quote {
	margin: 30px 0 24px 62px !important;
	padding-left: 34px !important;
	border-left: 1px solid #c61c31;
	max-width: 460px;
}

.gr-callout-quote p {
	padding-bottom: 0;
}

/* kartica z referenco */
.gr-reference {
	margin-top: 24px !important;
	padding: 32px 30px 35px 55px !important;
}

.gr-reference .et_pb_text_inner {
	display: flex;
	align-items: flex-start;
	gap: 35px;
}

.gr-reference__icon {
	flex: 0 0 71px;
}

.gr-reference__icon img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0 !important;
}

.gr-article .gr-reference .et_pb_text_inner .gr-reference__title {
	padding-bottom: 18px;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}

.gr-reference .gr-reference__title a {
	color: #1c1715;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gr-article .gr-reference .et_pb_text_inner .gr-reference__source {
	padding-bottom: 0;
	font-size: 12px;
	font-style: italic;
	line-height: 19px;
	color: rgba(28, 23, 21, 0.85);
}

/* oznake sestavin */
.gr-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 9px;
	max-width: 420px;
	padding: 0 !important;
	list-style: none !important;
}

.gr-tags li {
	padding: 0 22px;
	border-radius: 16px;
	background: #f2f2f2;
	font-size: 16px;
	line-height: 32px;
	color: #1c1715;
}

@media (max-width: 980px) {
	.gr-post__head .et_pb_title_featured_container {
		margin-bottom: 48px;
	}
}

@media (max-width: 767px) {
	.gr-post__head .et_pb_title_featured_container {
		margin-bottom: 23px;
	}

	.gr-post__head .et_pb_title_featured_container img {
		aspect-ratio: 362 / 322;
	}

	.gr-post__content {
		margin-top: 25px !important;
	}

	.gr-article__h2 {
		margin: 47px 0 25px !important;
	}

	.gr-fact {
		padding-bottom: 30px !important;
	}

	.gr-article__h2--sub {
		margin-top: 0 !important;
	}

	.gr-article__figure--wide {
		width: 100% !important;
		max-width: 100% !important;
		margin: 48px 0 0 !important;
		transform: none;
	}

	.gr-article__kicker {
		margin-top: 55px !important;
	}

	.gr-article__h2--sub:not(:has(+ .gr-num)) {
		margin-top: 47px !important;
	}

	.gr-article__kicker + .gr-article__h2--sub {
		margin-top: 0 !important;
	}

	.gr-num {
		padding-top: 16px !important;
	}

	.gr-num__head {
		gap: 40px;
		padding-bottom: 12px;
	}

	.gr-num__no {
		font-size: 36px;
		line-height: 50px;
	}

	.gr-article .gr-article__text .et_pb_text_inner p:has(+ ul),
	.gr-article__text ul li {
		padding-bottom: 16px;
	}

	.gr-callout {
		width: 100% !important;
	}

	.gr-callout-quote {
		margin-left: 0 !important;
		max-width: none;
	}

	.gr-reference {
		padding: 32px 45px 32px 24px !important;
	}

	.gr-num .gr-num__title {
		max-width: 200px;
	}

	.gr-tags {
		gap: 10px 9px;
	}

	.gr-tags li {
		padding: 0 20px;
		font-size: 14px;
		line-height: 30px;
	}

	.gr-reference .et_pb_text_inner {
		gap: 16px;
	}

	.gr-reference__icon {
		flex-basis: 21px;
		margin-top: 4px;
	}
}

/* =====================================================================
 * Meni: spustni seznam (namizje) in celozaslonski meni (tablica, telefon) – Figma »mobile/ tablet menu«
 * ===================================================================== */
.gr-menu .et-menu .gr-only-mobile,
.gr-menu .et_mobile_menu .gr-only-desktop {
	display: none !important;
}

/* namizje: spustni seznam pod »O izdelku« */
.gr-header .gr-menu .et-menu .sub-menu {
	width: 330px;
	padding: 14px 0;
	border-top: 0;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(126, 25, 25, 0.13);
}

.gr-header .gr-menu .et-menu .sub-menu li,
.gr-header .gr-menu .et-menu .sub-menu li a {
	display: block;
	width: 100%;
	padding: 0;
}

.gr-header .gr-menu .et-menu .sub-menu li a {
	box-sizing: border-box;
	padding: 9px 24px;
	line-height: 24px;
	white-space: normal;
	opacity: 1;
	transition: background-color 0.2s ease;
}

.gr-header .gr-menu .et-menu .sub-menu li a:hover {
	background-color: #fdeff1;
	opacity: 1;
}

.gr-header .gr-menu .et-menu > li.menu-item-has-children > a::after {
	display: none;
}

.gr-header .gr-menu .et-menu > li.menu-item-has-children > a {
	padding-right: 0;
}

@media (max-width: 980px) {
	/* odprt meni: glava ostane na vrhu, stran pod njo miruje */
	body.gr-menu-open {
		overflow: hidden;
	}

	body.gr-menu-open header.et-l--header {
		min-height: 96px;
	}

	body.gr-menu-open .gr-header {
		position: fixed !important;
		top: var(--wp-admin--admin-bar--height, 0px);
		left: 0;
		right: 0;
	}

	/* križec namesto štirih črt */
	.gr-header .gr-menu .mobile_nav.opened .mobile_menu_bar::before {
		position: relative;
		top: -1px;
		width: 20px;
		height: 20px;
		margin: 0 -4px 0 14px;
		background: #c61c31;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M1.5 1.5l17 17M18.5 1.5l-17 17'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M1.5 1.5l17 17M18.5 1.5l-17 17'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.gr-header .gr-menu .et_mobile_menu {
		position: fixed;
		top: calc(96px + var(--wp-admin--admin-bar--height, 0px));
		right: 0;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 260px 48px 48px !important;
		overflow-y: auto;
		border: 0;
		background: #fff !important;
		box-shadow: inset 0 16px 24px -18px rgba(126, 25, 25, 0.16);
		list-style: none;
	}

	.gr-header .gr-menu .et_mobile_menu li {
		margin: 35px 0 0;
		padding: 0;
		list-style: none;
	}

	.gr-header .gr-menu .et_mobile_menu > li:first-child {
		margin-top: 0;
	}

	.gr-header .gr-menu .et_mobile_menu li a {
		display: block;
		padding: 0;
		border: 0;
		background: none !important;
		font-size: 28px !important;
		font-weight: 600 !important;
		line-height: 34px;
		letter-spacing: -0.28px;
		color: #c61c31 !important;
		opacity: 1;
	}

	.gr-header .gr-menu .et_mobile_menu .sub-menu {
		display: block !important;
		margin: 21px 0 -9px;
		padding: 0 !important;
	}

	.gr-header .gr-menu .et_mobile_menu .sub-menu li {
		margin: 0;
		padding: 0 !important;
	}

	.gr-header .gr-menu .et_mobile_menu .sub-menu li a {
		font-size: 20px !important;
		line-height: 41px;
		letter-spacing: -0.2px;
		color: rgba(198, 28, 49, 0.7) !important;
	}
}

@media (max-width: 767px) {
	body.gr-menu-open header.et-l--header {
		min-height: 64px;
	}

	.gr-header .gr-menu .et_mobile_menu {
		top: calc(64px + var(--wp-admin--admin-bar--height, 0px));
		padding: 170px 20px 40px !important;
	}
}