/* ============================================================
   BECULAX — glavna tema (dizajn: Green Advertising PSD, 1:1)
   ============================================================ */

:root {
	--bx-green-950: #073A2F;
	--bx-green-900: #0A4438;
	--bx-green-800: #135C4E;
	--bx-green-700: #17695A;
	--bx-green-600: #368270;
	--bx-green-hov: #2A6E5F;
	--bx-green-500: #368270;
	--bx-heading:   #368270;
	--bx-orange:    #FE893F;
	--bx-orange-d:  #E8752B;
	--bx-text:      #4C4C4C;
	--bx-text-soft: #4C4C4C;
	--bx-gray:      #F0F0F0;
	--bx-white:     #FFFFFF;
	--bx-font-head: 'Placard Next', 'Arial Narrow', sans-serif;
	--bx-font-body: 'Inter Tight', -apple-system, sans-serif;
	--bx-radius:    18px;
	--bx-shadow:    0 16px 40px rgba(23, 46, 41, 0.08);
}

html { scroll-behavior: smooth; }
body {
	font-family: var(--bx-font-body);
	color: var(--bx-text);
	background: #fff;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }

.bx-container { width: min(92%, 1320px); margin: 0 auto; }
.bx-center { text-align: center; }

section[id], div[id].elementor-element { scroll-margin-top: 104px; }

/* ---------------------------------------------- naslovi */

.bx-h2, .bx-h2 .elementor-heading-title {
	font-family: var(--bx-font-head);
	font-weight: 700;
	color: var(--bx-heading);
	font-size: clamp(34px, 3.4vw, 48px);
	line-height: 1.06;
	margin: 0 0 18px;
}
.bx-h3-orange, .bx-h3-orange .elementor-heading-title {
	font-family: var(--bx-font-body);
	font-weight: 700;
	color: var(--bx-orange);
	font-size: 24px;
	line-height: 1.3;
	margin: 0 0 14px;
}
.bx-orange-text { color: var(--bx-orange); font-weight: 700; }
.bx-intro { max-width: 780px; }
.bx-center.bx-intro { margin-left: auto; margin-right: auto; }
p { line-height: 1.7; }

/* ============================================================
   DUGMAD — pill + krug sa strelicom, hover efekti
   ============================================================ */

a.bx-btn,
.bx-btn-el .elementor-button {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	border-radius: 999px;
	padding: 8px 8px 8px 28px;
	font-family: var(--bx-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
	transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease;
	min-height: 52px;
}

/* shine sweep */
a.bx-btn::before,
.bx-btn-el .elementor-button::before {
	content: "";
	position: absolute;
	top: 0; left: -80%;
	width: 50%; height: 100%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent);
	transform: skewX(-20deg);
	transition: left .55s ease;
	pointer-events: none;
}
a.bx-btn:hover::before,
.bx-btn-el .elementor-button:hover::before { left: 130%; }

a.bx-btn:hover,
.bx-btn-el .elementor-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(12, 73, 61, .25);
}

/* krug sa strelicom (tema) */
.bx-btn-circle {
	width: 36px; height: 36px; flex: none;
	background: #fff; border-radius: 50%;
	position: relative;
	transition: transform .3s ease;
}
.bx-btn-circle::after {
	content: "";
	position: absolute; inset: 0; margin: auto;
	width: 15px; height: 15px;
	background-color: var(--bx-green-600);
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>') center / contain no-repeat;
}
a.bx-btn:hover .bx-btn-circle { transform: translateX(4px); }

/* varijante — tema linkovi */
a.bx-btn.bx-btn-green { background: var(--bx-green-600); color: #fff; }
a.bx-btn.bx-btn-green:hover { background: var(--bx-green-hov); }
a.bx-btn.bx-btn-orange { background: var(--bx-orange); color: #fff; }
a.bx-btn.bx-btn-orange:hover { background: var(--bx-orange-d); }
a.bx-btn.bx-btn-orange .bx-btn-circle::after { background-color: var(--bx-orange); }

/* varijante — Elementor dugmad */
.bx-btn-green .elementor-button { background-color: var(--bx-green-600); color: #fff; }
.bx-btn-green .elementor-button:hover { background-color: var(--bx-green-hov); color: #fff; }
.bx-btn-orange .elementor-button { background-color: var(--bx-orange); color: #fff; }
.bx-btn-orange .elementor-button:hover { background-color: var(--bx-orange-d); color: #fff; }
.bx-btn-outline .elementor-button {
	background: transparent; color: #fff;
	border-color: rgba(255,255,255,.85);
}
.bx-btn-outline .elementor-button:hover { background: #fff; color: var(--bx-green-900); }

.bx-btn-el .elementor-button-content-wrapper {
	display: flex; align-items: center; gap: 14px; flex-direction: row-reverse;
}
.bx-btn-el .elementor-button-icon {
	width: 36px; height: 36px; flex: none;
	background: #fff; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	transition: transform .3s ease;
}
.bx-btn-el .elementor-button-icon svg { width: 15px; height: 15px; fill: var(--bx-green-600); }
.bx-btn-orange .elementor-button-icon svg { fill: var(--bx-orange); }
.bx-btn-el .elementor-button:hover .elementor-button-icon { transform: translateX(4px); }

/* ============================================================
   HEADER
   ============================================================ */

.bx-header {
	position: fixed; top: 0; left: 0; right: 0;
	z-index: 1000;
	padding: 22px 0;
	transition: background .35s ease, padding .35s ease, box-shadow .35s ease;
}
.bx-header-inner {
	width: min(94%, 1500px);
	margin: 0 auto;
	display: flex; align-items: center; justify-content: space-between; gap: 30px;
}
.bx-logo img { height: 58px; width: auto; display: block; transition: height .35s ease; }

.bx-header.bx-scrolled {
	background: linear-gradient(118deg, #0A4438, #17695A);
	box-shadow: 0 6px 24px rgba(6, 34, 28, .35);
	padding: 12px 0;
}
.bx-header.bx-scrolled .bx-logo img { height: 44px; }

.bx-menu {
	display: flex; align-items: center;
	list-style: none; margin: 0;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 22px;
	padding: 10px;
	backdrop-filter: blur(6px);
}
.bx-menu li { position: relative; }
.bx-menu li a {
	display: block;
	padding: 14px 24px;
	color: #fff;
	font-size: 15px; font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: color .25s ease, opacity .25s ease;
	opacity: .92;
}
.bx-menu li a:hover { opacity: 1; color: #FFC79E; }
.bx-menu li::after {
	content: "";
	position: absolute; left: 18px; right: 18px; bottom: -14px;
	height: 5px; border-radius: 3px;
	background: var(--bx-orange);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
}
.bx-menu li.bx-current::after { transform: scaleX(1); }

.bx-burger { display: none; }

/* ============================================================
   HERO (Elementor sekcija .bx-hero)
   ============================================================ */

.bx-hero {
	background:
		radial-gradient(ellipse 55% 50% at 28% 55%, rgba(255, 255, 255, .10), transparent 65%),
		linear-gradient(118deg, #0A4438 0%, #135C4E 42%, #2A7767 78%, #368270 100%);
	padding: 165px 0 40px !important;
	position: relative;
	overflow: hidden;
}

.bx-hero-media {
	position: relative;
	height: 500px;
}
.bx-hero-glow {
	position: absolute; inset: -8% -20%;
	background: radial-gradient(ellipse 55% 48% at 50% 52%, rgba(255,255,255,.16), transparent 70%);
	pointer-events: none;
}
.bx-hero-media .bx-rot {
	position: absolute; inset: 0; margin: auto;
	max-height: 92%; width: auto; max-width: 88%;
	object-fit: contain;
	opacity: 0;
	transform: translateX(-36px) scale(.92);
	transition: opacity .8s ease, transform .8s cubic-bezier(.22,.61,.36,1);
	filter: drop-shadow(0 30px 40px rgba(0, 20, 15, .45));
}
.bx-hero-media .bx-rot.is-active {
	opacity: 1;
	transform: translateX(0) scale(1);
	animation: bx-float 6s ease-in-out infinite;
}
@keyframes bx-float {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -14px; }
}

/* bedž — narandžasto SAMO oko teksta (kao u PSD-u) */
div.bx-badge { background: none; border-radius: 0; padding: 0; }
.bx-badge .elementor-heading-title {
	display: inline-block;
	background: var(--bx-orange);
	color: #fff;
	font-family: var(--bx-font-body);
	font-size: 13.5px; font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 11px 18px;
	border-radius: 6px;
	margin: 0;
}
.bx-hero h1, .bx-hero-h1 .elementor-heading-title {
	font-family: var(--bx-font-head);
	font-weight: 700;
	color: #fff;
	font-size: clamp(38px, 3.95vw, 58px);
	line-height: 1.04;
	margin: 18px 0 26px;
}

/* checks — hero (beli tekst) i tamna varijanta */
.bx-checks .elementor-icon-list-items {
	display: flex; flex-wrap: wrap; gap: 10px 28px;
}
.bx-checks .elementor-icon-list-item { display: flex; align-items: center; gap: 10px; }
.bx-checks .elementor-icon-list-icon {
	width: 27px; height: 27px; flex: none;
	border: 2px solid var(--bx-orange);
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	transition: background .3s ease, transform .3s ease;
}
.bx-checks .elementor-icon-list-icon svg { width: 12px; height: 12px; fill: var(--bx-orange); transition: fill .3s ease; }
.bx-checks .elementor-icon-list-item:hover .elementor-icon-list-icon { background: var(--bx-orange); transform: scale(1.1); }
.bx-checks .elementor-icon-list-item:hover .elementor-icon-list-icon svg { fill: #fff; }
.bx-checks .elementor-icon-list-text { color: #fff; font-size: 15px; font-weight: 600; }

.bx-checks-dark .elementor-icon-list-items {
	display: grid; grid-template-columns: 1fr 1fr; gap: 16px 32px;
}
.bx-checks-dark .elementor-icon-list-text { color: var(--bx-text); }

.bx-hero-buttons { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 34px; }

/* ============================================================
   MARQUEE traka
   ============================================================ */

.bx-marquee {
	background: var(--bx-green-500);
	padding: 20px 0;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
.bx-marquee-track {
	display: flex; align-items: center; gap: 34px;
	width: max-content;
	animation: bx-marq 30s linear infinite;
}
.bx-marquee-item {
	color: #fff;
	font-family: var(--bx-font-body);
	font-size: 20px; font-weight: 800;
	letter-spacing: .02em;
	white-space: nowrap;
}
.bx-marquee-star { color: #fff; font-size: 22px; line-height: 1; }
@keyframes bx-marq {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* ============================================================
   SEKCIJE — pozadine
   ============================================================ */

.bx-sec-white { background: #fff; }
.bx-sec-gray  { background: var(--bx-gray); }
.bx-gde-kupiti-strip,
.bx-sec-fade  { background: linear-gradient(180deg, #F7F7F8 0%, #ECECEE 100%); }

/* kartice i baneri (Elementor 4 nema .elementor-widget-container — stil ide na sam widget) */
.bx-card,
.bx-card .elementor-widget-container {
	background: #fff;
	border-radius: var(--bx-radius);
	box-shadow: var(--bx-shadow);
}
div.bx-card { padding: 30px 32px; }
div.bx-banner {
	background: var(--bx-orange);
	color: #fff;
	border-radius: 14px;
	padding: 24px 28px;
	box-shadow: 0 14px 32px rgba(251, 138, 63, .35);
	font-weight: 700; font-size: 15px; line-height: 1.55;
}
div.bx-banner p { margin: 0; line-height: 1.55; color: #fff; }

.bx-prod-img img { transition: transform .5s cubic-bezier(.22,.61,.36,1); }
.bx-prod-img:hover img { transform: scale(1.05) rotate(-1deg); }

/* ============================================================
   TABELE (uputstvo za upotrebu)
   ============================================================ */

.bx-table-wrap { overflow-x: auto; }
table.bx-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	margin: 10px 0 6px;
	border: none;
}
table.bx-table tr, table.bx-table th, table.bx-table td { border: none; background: transparent; }
table.bx-table tbody tr:nth-child(odd) td,
table.bx-table tbody tr:nth-child(even) td { background: transparent; }
table.bx-table thead th {
	background: var(--bx-green-600);
	color: #fff;
	font-weight: 600;
	text-align: left;
	padding: 13px 18px;
}
table.bx-table thead th:first-child { border-radius: 8px 0 0 8px; }
table.bx-table thead th:last-child  { border-radius: 0 8px 8px 0; }
table.bx-table tbody td {
	padding: 17px 18px;
	border-bottom: 1px solid #D9D9DB;
	vertical-align: top;
	color: var(--bx-text);
	line-height: 1.55;
}
table.bx-table tbody tr:hover td { background: rgba(44, 122, 102, .05); }

.bx-dose-label-green  { color: var(--bx-green-600); font-weight: 700; }
.bx-warning { font-weight: 700; letter-spacing: .01em; }

.bx-uput-buttons { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 26px; }

hr.bx-divider, .bx-divider hr {
	border: none; border-top: 1px solid #DCDCDE; margin: 34px 0 0;
}

/* ============================================================
   APOTEKE — never-ending carousel
   ============================================================ */

.bx-pharm-carousel {
	overflow: hidden;
	padding: 34px 0 70px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.bx-pharm-track {
	display: flex; align-items: stretch; gap: 26px;
	width: max-content;
	animation: bx-marq 38s linear infinite;
}
.bx-pharm-carousel:hover .bx-pharm-track { animation-play-state: paused; }
.bx-pharm-card {
	background: #fff;
	border-radius: 16px;
	width: 256px; height: 132px;
	display: flex; align-items: center; justify-content: center;
	padding: 20px 30px;
	box-shadow: 0 10px 28px rgba(30, 42, 38, .08);
	transition: transform .35s ease, box-shadow .35s ease;
}
.bx-pharm-card img { max-height: 72px; width: auto; max-width: 100%; object-fit: contain; }
.bx-pharm-card:hover {
	transform: translateY(-7px) scale(1.03);
	box-shadow: 0 20px 40px rgba(30, 42, 38, .16);
}

/* ============================================================
   FOOTER
   ============================================================ */

.bx-footer {
	background: linear-gradient(140deg, #17695A 0%, #0B4A3E 55%, #073A2F 100%);
	color: #E9F1EE;
	padding-top: 84px;
	scroll-margin-top: 0;
}
.bx-footer-grid {
	display: grid;
	grid-template-columns: 46% 1fr;
	gap: 70px;
	padding-bottom: 70px;
}
.bx-footer p { font-size: 14.5px; line-height: 1.8; color: rgba(255, 255, 255, .92); margin: 0 0 14px; }
.bx-footer strong { color: #fff; }
.bx-footer a { color: #fff; text-decoration: underline; text-underline-offset: 3px; transition: color .25s ease; }
.bx-footer a:hover { color: #FFC79E; }
.bx-footer-logo { height: 74px; width: auto; margin-bottom: 26px; }
.bx-footer-note { margin-top: 26px !important; }

.bx-contact-list { list-style: none; margin: 30px 0 0; padding: 0; }
.bx-contact-list li { display: flex; align-items: center; gap: 16px; margin: 18px 0; font-size: 14.5px; }
.bx-contact-list a { text-decoration: none; }
.bx-contact-list a:hover { text-decoration: underline; }
.bx-ci {
	width: 46px; height: 46px; flex: none;
	border: 1.5px solid rgba(255, 255, 255, .9);
	border-radius: 50%;
	position: relative;
	transition: background .3s ease;
}
.bx-ci::after {
	content: "";
	position: absolute; inset: 0; margin: auto;
	width: 19px; height: 19px;
	background: #fff;
}
li:hover > .bx-ci { background: rgba(255, 255, 255, .12); }
.bx-ci-pin::after {
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>') center / contain no-repeat;
}
.bx-ci-mail::after {
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>') center / contain no-repeat;
}
.bx-ci-phone::after {
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M80 0C44.7 0 16 28.7 16 64l0 384c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L80 0zM192 400a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M80 0C44.7 0 16 28.7 16 64l0 384c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L80 0zM192 400a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') center / contain no-repeat;
}

.bx-footer-bar { background: var(--bx-orange); }
.bx-footer-bar-inner {
	display: flex; align-items: center; justify-content: space-between; gap: 20px;
	padding: 15px 0;
	color: #fff; font-size: 13.5px;
}
.bx-footer-bar a { color: #fff; text-decoration: none; }
.bx-footer-bar a:hover { text-decoration: underline; }

/* ============================================================
   UNUTRAŠNJE STRANE — hero + blog
   ============================================================ */

.bx-page-hero {
	background:
		radial-gradient(ellipse 80% 80% at 70% 30%, rgba(38, 116, 98, .5), transparent 65%),
		linear-gradient(115deg, var(--bx-green-900) 0%, var(--bx-green-800) 60%, var(--bx-green-950) 100%);
	padding: 175px 0 60px;
	overflow: hidden;
}
.bx-page-hero-grid {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 40px;
}
.bx-page-hero h1 {
	font-family: var(--bx-font-head);
	font-weight: 700;
	color: #fff;
	font-size: clamp(38px, 4.4vw, 60px);
	line-height: 1.04;
	margin: 0 0 20px;
}
.bx-breadcrumb { color: rgba(255, 255, 255, .95); font-size: 14.5px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.bx-breadcrumb a { color: #fff; text-decoration: none; }
.bx-breadcrumb a:hover { color: #FFC79E; }
.bx-bc-arrow {
	width: 18px; height: 18px;
	background: var(--bx-orange);
	border-radius: 50%;
	position: relative;
	display: inline-block;
}
.bx-bc-arrow::after {
	content: "";
	position: absolute; inset: 0; margin: auto;
	width: 9px; height: 9px;
	background: #fff;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>') center / contain no-repeat;
}
.bx-page-hero-media { position: relative; width: 340px; height: 250px; }
.bx-page-hero-media img { position: absolute; bottom: 0; filter: drop-shadow(0 24px 30px rgba(0, 20, 15, .4)); }
.bx-ph-box { right: 150px; height: 200px; width: auto; animation: bx-float 7s ease-in-out infinite; }
.bx-ph-liquid { right: 0; height: 245px; width: auto; animation: bx-float 6s ease-in-out 1s infinite; }

/* blog raspored */
.bx-blog-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 60px;
	padding: 75px 0 90px;
}
.bx-sidebar-title {
	font-family: var(--bx-font-head);
	font-weight: 700;
	color: var(--bx-heading);
	font-size: 30px;
	margin: 0 0 10px;
	padding-bottom: 14px;
	border-bottom: 1px solid #E3E3E5;
}
.bx-sidebar ul { list-style: none; margin: 0; padding: 0; }
.bx-sidebar li { border-bottom: 1px solid #EBEBED; }
.bx-sidebar li a {
	display: flex; align-items: center; gap: 10px;
	padding: 15px 2px;
	color: #3A4045;
	font-size: 15.5px;
	text-decoration: none;
	transition: color .25s ease, padding-left .25s ease;
}
.bx-sidebar li a:hover { color: var(--bx-orange); padding-left: 8px; }
.bx-sidebar li.is-active a { color: var(--bx-orange); font-weight: 600; }
.bx-sidebar li.is-active a::before {
	content: "";
	width: 18px; height: 18px; flex: none;
	background: var(--bx-orange);
	border-radius: 50%;
	-webkit-mask: none;
	position: relative;
	display: inline-block;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>');
	background-size: 9px;
	background-position: center;
	background-repeat: no-repeat;
}

.bx-blog-heading {
	font-family: var(--bx-font-head);
	font-weight: 700;
	color: var(--bx-heading);
	font-size: 30px;
	margin: 0 0 26px;
	padding-bottom: 16px;
	border-bottom: 1px solid #E3E3E5;
}

.bx-post-card {
	display: grid;
	grid-template-columns: 290px 1fr;
	gap: 32px;
	margin-bottom: 58px;
}
.bx-post-thumb {
	display: block;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 290 / 260;
}
.bx-post-thumb img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .55s cubic-bezier(.22,.61,.36,1);
}
.bx-post-card:hover .bx-post-thumb img { transform: scale(1.06); }
.bx-post-date { color: var(--bx-orange); font-weight: 700; font-size: 13.5px; letter-spacing: .02em; }
.bx-post-title { font-size: 21px; font-weight: 700; line-height: 1.35; margin: 8px 0 12px; }
.bx-post-title a { color: #2E3338; text-decoration: none; transition: color .25s ease; }
.bx-post-title a:hover { color: var(--bx-orange); }
.bx-post-excerpt p { font-size: 15px; line-height: 1.7; color: var(--bx-text-soft); margin: 0 0 18px; }

.bx-pagination { text-align: center; }
.bx-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 42px; height: 42px; padding: 0 8px;
	border-radius: 50%;
	color: var(--bx-text);
	text-decoration: none;
	font-weight: 600;
	transition: background .25s ease, color .25s ease;
}
.bx-pagination .page-numbers.current,
.bx-pagination .page-numbers:hover { background: var(--bx-green-600); color: #fff; }

/* single */
.bx-single-meta { margin-bottom: 14px; }
.bx-single-thumb img { border-radius: 16px; }
.bx-single-content { font-size: 16px; line-height: 1.75; color: var(--bx-text); }
.bx-single-content h2, .bx-single-content h3 {
	font-family: var(--bx-font-head);
	color: var(--bx-heading);
	line-height: 1.15;
}
.bx-single-content h2 { font-size: 32px; }
.bx-single-content h3 { font-size: 25px; }
.bx-single-content img { border-radius: 16px; }
.bx-single-content a { color: var(--bx-orange); }
.bx-single-back { margin-top: 40px; }

/* ============================================================
   REVEAL / SCROLL ANIMACIJE (s leva na desno)
   ============================================================ */

body.bx-js .bx-reveal,
body.bx-js .bx-animate {
	opacity: 0;
	transform: translateX(-46px);
	transition: opacity .75s ease, transform .75s cubic-bezier(.22,.61,.36,1);
	transition-delay: var(--bx-delay, 0s);
	will-change: opacity, transform;
}
body.bx-js .bx-reveal.bx-in,
body.bx-js .bx-animate.bx-in {
	opacity: 1;
	transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	body.bx-js .bx-reveal, body.bx-js .bx-animate { opacity: 1; transform: none; transition: none; }
	.bx-marquee-track, .bx-pharm-track,
	.bx-hero-media .bx-rot.is-active, .bx-ph-box, .bx-ph-liquid { animation: none !important; }
}

/* ============================================================
   ELEMENTOR fino podešavanje
   ============================================================ */

.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1320px; }
.elementor-widget:not(:last-child) { margin-bottom: 0; }

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1180px) {
	.bx-menu li a { padding: 12px 16px; font-size: 14px; }
}

@media (max-width: 1024px) {
	.bx-nav { position: relative; }
	.bx-burger {
		display: flex; flex-direction: column; justify-content: center; gap: 5px;
		width: 48px; height: 48px;
		background: rgba(255, 255, 255, .1);
		border: 1px solid rgba(255, 255, 255, .15);
		border-radius: 12px;
		cursor: pointer;
		padding: 12px;
	}
	.bx-burger span {
		display: block; height: 2.5px; width: 100%;
		background: #fff; border-radius: 2px;
		transition: transform .3s ease, opacity .3s ease;
	}
	.bx-burger.is-open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
	.bx-burger.is-open span:nth-child(2) { opacity: 0; }
	.bx-burger.is-open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
	.bx-menu {
		position: absolute; top: calc(100% + 14px); right: 0;
		flex-direction: column; align-items: stretch;
		background: linear-gradient(140deg, var(--bx-green-900), var(--bx-green-800));
		border-radius: 18px;
		min-width: 260px;
		padding: 12px;
		box-shadow: 0 20px 50px rgba(6, 34, 28, .45);
		opacity: 0; visibility: hidden; transform: translateY(-8px);
		transition: opacity .3s ease, transform .3s ease, visibility .3s;
	}
	.bx-menu.is-open { opacity: 1; visibility: visible; transform: none; }
	.bx-menu li::after { display: none; }
	.bx-menu li.bx-current a { color: var(--bx-orange); }
	.bx-hero { padding-top: 130px !important; }
	.bx-hero-media { height: 380px; }
	.bx-footer-grid { grid-template-columns: 1fr; gap: 40px; }
	.bx-blog-layout { grid-template-columns: 1fr; gap: 40px; }
	.bx-sidebar { order: 2; }
	.bx-page-hero-media { display: none; }
}

@media (max-width: 768px) {
	.bx-post-card { grid-template-columns: 1fr; gap: 20px; }
	.bx-post-thumb { aspect-ratio: 16 / 9; }
	.bx-checks-dark .elementor-icon-list-items { grid-template-columns: 1fr; }
	.bx-marquee-item { font-size: 16px; }
	.bx-hero { padding-top: 118px !important; }
	.bx-hero-media { height: 300px; }
	.bx-footer-bar-inner { flex-direction: column; gap: 6px; text-align: center; }
	.bx-uput-buttons, .bx-hero-buttons { gap: 14px; }
}

@media (max-width: 480px) {
	.bx-logo img { height: 44px; }
	a.bx-btn, .bx-btn-el .elementor-button { padding: 6px 6px 6px 20px; font-size: 14px; min-height: 46px; }
	.bx-btn-circle, .bx-btn-el .elementor-button-icon { width: 32px; height: 32px; }
}

/* ============================================================
   ELEMENTOR — raspored i razmaci sekcija (Naslovna)
   ============================================================ */

.elementor-section .elementor-widget:not(:last-child) { margin-bottom: 24px; }

/* red dugmadi (inner sekcija) */
.bx-btnrow > .elementor-container { display: flex; flex-wrap: wrap; gap: 18px; justify-content: flex-start; }
.bx-btnrow .elementor-column { width: auto !important; }
.bx-btnrow .elementor-widget { margin-bottom: 0 !important; }

/* hero fino */
.bx-hero .elementor-widget:not(:last-child) { margin-bottom: 0; }
.bx-hero .elementor-widget-icon-list { margin-top: 4px; }
.bx-hero .bx-btnrow { margin-top: 36px; }
.bx-hero > .elementor-container { align-items: center; }

/* marquee sekcija bez paddinga, puna širina */
.bx-marquee-sec { padding: 0 !important; }
.bx-marquee-sec > .elementor-container { max-width: 100% !important; }
.bx-marquee-sec .elementor-widget { margin-bottom: 0 !important; }

/* paddinzi sekcija */
.bx-sta-je { padding: 95px 0; }
.bx-sta-je > .elementor-container { align-items: center; gap: 40px; }
.bx-sastav-head { padding: 85px 0 14px; }
.bx-sastav-cards { padding: 16px 0 10px; }
.bx-sastav-cards > .elementor-container { gap: 44px; align-items: flex-start; }
.bx-uzrasti { padding: 24px 0 90px; }
.bx-kako-head { padding: 90px 0 6px; }
.bx-kako-cards { padding: 14px 0 95px; }
.bx-kako-cards > .elementor-container { gap: 60px; }
.bx-uputstvo-head { padding: 85px 0 0; }
.bx-uput-block { padding: 45px 0; }
.bx-uput-block > .elementor-container { gap: 50px; align-items: flex-start; }
.bx-gde { padding: 85px 0 0; }

/* kolone gap fallback (Elementor legacy koristi width računicu — gap preko margina ne radi svuda) */
@media (min-width: 768px) {
	.bx-sta-je .elementor-column:first-child,
	.bx-kako-cards .elementor-column:first-child,
	.bx-uput-block .elementor-column:first-child,
	.bx-sastav-cards .elementor-column:first-child { padding-right: 28px; }
	.bx-sta-je .elementor-column:last-child,
	.bx-kako-cards .elementor-column:last-child,
	.bx-uput-block .elementor-column:last-child,
	.bx-sastav-cards .elementor-column:last-child { padding-left: 28px; }
}

/* kartice u sastavu */
.bx-sastav-cards .bx-card .elementor-widget-container { padding: 30px 32px; }
.bx-sastav-cards .bx-banner { margin-top: 4px; }
.bx-sastav-cards .bx-card h3 { margin-top: 0; }

/* ikonice fallback (font ikone umesto SVG) */
.bx-checks .elementor-icon-list-icon i { color: var(--bx-orange); font-size: 12px; }
.bx-btn-el .elementor-button-icon i { color: var(--bx-green-600); font-size: 14px; }
.bx-btn-orange .elementor-button-icon i { color: var(--bx-orange); }

.bx-h4 { font-weight: 700; font-size: 19px; color: var(--bx-text); margin: 26px 0 8px; }
.bx-warning p { font-weight: 700; font-size: 15px; line-height: 1.6; }
.bx-gde-intro { margin-bottom: 10px; }
.bx-porodica img { max-width: 92%; }

/* tabele — uže varijante */
.bx-table-narrow { max-width: 520px; }

/* ============================================================
   ELEMENTOR LEGACY GRID — Elementor 4 ne isporučuje ovaj CSS,
   pa ga tema definiše sama (kolone, kontejneri)
   ============================================================ */

.elementor-section { position: relative; }
.elementor-section > .elementor-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	position: relative;
}
.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1320px; width: 92%; }
.elementor-section.elementor-section-full_width > .elementor-container { max-width: 100%; width: 100%; }
.elementor-column { position: relative; min-height: 1px; }
.elementor-widget-wrap { position: relative; width: 100%; }
.elementor-widget { position: relative; }
.elementor-widget-container { position: relative; }
.elementor-button-wrapper { display: block; }
.elementor-icon-list-items { list-style: none; margin: 0; padding: 0; }
.elementor-icon-list-item { display: flex; align-items: center; gap: 10px; margin: 0; }
.elementor-icon-list-item a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; }

@media (min-width: 768px) {
	.elementor-col-33 { width: 33.333%; }
	.elementor-col-40 { width: 40%; }
	.elementor-col-45 { width: 45%; }
	.elementor-col-50 { width: 50%; }
	.elementor-col-55 { width: 55%; }
	.elementor-col-60 { width: 60%; }
	.elementor-col-66 { width: 66.666%; }
	.elementor-col-100 { width: 100%; }
}
@media (max-width: 767px) {
	.elementor-column { width: 100%; }
}

/* gap:0 — razmak kolona rešen unutrašnjim paddingom da flex ne prelomi red */
.bx-sta-je > .elementor-container,
.bx-sastav-cards > .elementor-container,
.bx-kako-cards > .elementor-container,
.bx-uput-block > .elementor-container { gap: 0; }

/* ============================================================
   IKONICE BEZ FONT AWESOME — CSS maske (uvek rade)
   ============================================================ */

.bx-btn-el .elementor-button-icon i,
.bx-btn-el .elementor-button-icon svg,
.bx-checks .elementor-icon-list-icon i,
.bx-checks .elementor-icon-list-icon svg { display: none !important; }

.bx-btn-el .elementor-button-icon::after {
	content: "";
	width: 15px; height: 15px;
	background: var(--bx-green-600);
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>') center / contain no-repeat;
}
/* narandžasta (PDF) dugmad — download ikonica */
.bx-btn-orange .elementor-button-icon::after {
	background: var(--bx-orange);
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-128 0-45.3 45.3c-25 25-65.5 25-90.5 0L139.3 352 64 352z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-128 0-45.3 45.3c-25 25-65.5 25-90.5 0L139.3 352 64 352z"/></svg>') center / contain no-repeat;
}

.bx-checks .elementor-icon-list-icon {
	position: relative;
}
.bx-checks .elementor-icon-list-icon::after {
	content: "";
	position: absolute; inset: 0; margin: auto;
	width: 12px; height: 12px;
	background: var(--bx-orange);
	transition: background .3s ease;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>') center / contain no-repeat;
}
.bx-checks .elementor-icon-list-item:hover .elementor-icon-list-icon::after { background: #fff; }

/* ============================================================
   SASTAV — preklapanje kartica i pozicije slika (kao u PSD-u)
   ============================================================ */

/* (v1 overlap pravila uklonjena — vidi SASTAV v2 na dnu) */

/* uputstvo — slike proizvoda: blago zaobljene ivice kao kartica u dizajnu */
.bx-uput-block .bx-prod-img img { border-radius: 18px; }

/* gde kupiti — centriran intro */
.bx-gde-intro { margin-left: auto !important; margin-right: auto !important; text-align: center; }

/* ============================================================
   SASTAV v2 — raspored 1:1 iz PSD-a
   levo: slika → kartica → banner (uz levu ivicu)
   desno: [kartica | slika] u redu, banner ispod kartice,
          pa "Beculax za različite uzraste" + tekst + dugme
   ============================================================ */

.bx-sastav-cards > .elementor-container { align-items: flex-start; }

.bx-mak-img { text-align: left; }
.bx-mak-img img { max-width: 58%; }
.bx-sastav-cards div.bx-card-mak { margin: 12px 0 0; max-width: 70%; }
.bx-sastav-cards div.bx-banner-mak { margin: 28px 0 0; max-width: 70%; }

.bx-liq-row { padding: 0 !important; }
.bx-liq-row > .elementor-container { align-items: flex-start; }
.bx-sastav-cards div.bx-card-liq { margin: 0; }
.bx-sastav-cards div.bx-banner-liq { margin: 24px 0 0; }
.bx-sastav-cards .bx-liq-img { text-align: right; margin-top: -14px; }
.bx-sastav-cards .bx-liq-img img {
	max-width: 96%;
	filter: drop-shadow(0 24px 28px rgba(20, 40, 35, .22));
}

.bx-h2-sm, .bx-h2-sm .elementor-heading-title { font-size: 29px; }
.bx-uzrasti-h { margin-top: 44px; }
.bx-uzrasti-txt { max-width: 95%; }
.bx-uzrasti-txt p { margin-top: 6px; }

/* (liq v3 uklonjen — vidi FINALNI LIQ RED na dnu) */

/* ============================================================
   HERO korekcije po PSD-u: šira tekst kolona, checkovi u 1 redu
   ============================================================ */

@media (min-width: 768px) {
	.bx-hero > .elementor-container > .elementor-col-45 { width: 40%; }
	.bx-hero > .elementor-container > .elementor-col-55 { width: 60%; }
}
.bx-hero .bx-checks .elementor-icon-list-items { flex-wrap: nowrap; gap: 8px 18px; }
.bx-hero .bx-checks .elementor-icon-list-item { flex: none; }
.bx-hero .bx-checks .elementor-icon-list-text { font-size: 13.5px; white-space: nowrap; }
.bx-hero .bx-checks .elementor-icon-list-icon { width: 24px; height: 24px; }
.bx-hero .bx-checks .elementor-icon-list-icon::after { width: 11px; height: 11px; }
@media (max-width: 1150px) {
	.bx-hero .bx-checks .elementor-icon-list-items { flex-wrap: wrap; }
	.bx-hero .bx-checks .elementor-icon-list-text { white-space: normal; }
}

/* sastav — makrogol kutija tačno uz levu ivicu (u liniji sa karticom ispod) */
.bx-mak-img img { display: block; margin: 0; }
.bx-sastav-cards div.bx-card-liq { margin-right: 6px; }

/* makrogol kutija — UVEK poravnata uz levu ivicu, na svim širinama */
.bx-mak-img { text-align: left !important; }
.bx-mak-img img { display: block !important; margin: 0 !important; }
@media (max-width: 767px) {
	.bx-mak-img img { max-width: 74%; }
}

/* liquid kartica + slika — završna kalibracija po PSD razmeri */
.bx-sastav-cards div.bx-card-liq { padding: 26px 28px; }
.bx-sastav-cards div.bx-card-liq p { font-size: 14px; line-height: 1.65; margin: 0; }
.bx-sastav-cards div.bx-card-liq h3 { font-size: 22px; margin: 0 0 12px; }
.bx-sastav-cards div.bx-banner-liq { padding: 22px 26px; font-size: 14px; }
.bx-sastav-cards div.bx-banner-liq p { font-size: 14px; }
/* i leva kartica u istoj razmeri da par bude ujednačen */
.bx-sastav-cards div.bx-card-mak { padding: 26px 30px; }
.bx-sastav-cards div.bx-card-mak p { font-size: 14px; line-height: 1.65; margin: 0; }
.bx-sastav-cards div.bx-card-mak h3 { font-size: 22px; margin: 0 0 12px; }
.bx-sastav-cards div.bx-banner-mak p { font-size: 14px; }

/* ============================================================
   FINALNI LIQ RED — jedini izvor istine za [kartica | slika]
   (proporcije iz PSD-a: kartica 58%, slika 42%, slika viša
   od kartice — od iznad vrha do ispod banera)
   ============================================================ */

@media (min-width: 768px) {
	.bx-liq-row > .elementor-container { display: flex !important; align-items: flex-start !important; }
	.bx-liq-row > .elementor-container > .elementor-col-55 { width: 58% !important; }
	.bx-liq-row > .elementor-container > .elementor-col-45 { width: 42% !important; }
	.bx-liq-row .elementor-column { padding: 0 !important; }
	.bx-sastav-cards div.bx-card-liq { margin: 0 26px 0 0 !important; }
	.bx-sastav-cards div.bx-banner-liq { margin: 24px 26px 0 0 !important; max-width: none; }
	.bx-sastav-cards .bx-liq-img { margin: -16px 0 0 !important; }
	.bx-sastav-cards .bx-liq-img img {
		display: block !important;
		width: 112% !important;
		max-width: none !important;
		margin: 0 0 0 -12% !important;
		filter: drop-shadow(0 24px 28px rgba(20, 40, 35, .22));
	}
}
@media (max-width: 767px) {
	.bx-sastav-cards .bx-liq-img img { width: 74% !important; max-width: 74% !important; margin: 12px auto 0 !important; display: block !important; }
}

/* ============================================================
   STANDARDNE STRANICE (Politika privatnosti...)
   ============================================================ */

.bx-page-layout { padding: 70px 0 90px; max-width: 900px; }
.bx-single-content h2 {
	font-family: var(--bx-font-head);
	color: var(--bx-heading);
	font-size: 30px;
	margin: 40px 0 14px;
}
.bx-single-content h2:first-child { margin-top: 0; }
.bx-single-content ul { padding-left: 22px; margin: 14px 0 20px; }
.bx-single-content ul li { margin: 8px 0; line-height: 1.65; }
.bx-single-content ul li::marker { color: var(--bx-orange); }

/* ============================================================
   MOBILNI — sastav segment od ivice do ivice
   ============================================================ */

@media (max-width: 767px) {
	.bx-sastav-cards div.bx-card-mak,
	.bx-sastav-cards div.bx-banner-mak {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.bx-sastav-cards div.bx-card-liq,
	.bx-sastav-cards div.bx-banner-liq {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.bx-sastav-cards div.bx-banner-liq { margin-top: 20px !important; }
	.bx-mak-img img { max-width: 92%; margin: 0 auto !important; }
	.bx-sastav-cards .bx-liq-img img { width: 86% !important; max-width: 86% !important; }
	.bx-sastav-cards div.bx-card-mak p,
	.bx-sastav-cards div.bx-card-liq p { font-size: 15px; }
	.bx-uzrasti-txt { max-width: 100%; }
}

/* ============================================================
   MOBILE fino: razmaci i vertikalni checkovi
   ============================================================ */

@media (max-width: 767px) {
	/* hero checkovi — svi jedan ispod drugog */
	.bx-hero .bx-checks .elementor-icon-list-items {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	/* razmak između naslaganih kolona (dugme→naslov, baner→kartica, kartica→slika...) */
	.elementor-section:not(.bx-btnrow) > .elementor-container > .elementor-column + .elementor-column {
		margin-top: 38px;
	}
	/* dugmad u redu — mali razmak kad se prelome */
	.bx-btnrow > .elementor-container { gap: 12px; }
}