/* ===================================================================
   Express proizvod - stilovi su namerno pisani sa visokom specifičnošću
   i !important na ključnim vizuelnim svojstvima, da bi izgled radio
   pouzdano bez obzira na CSS teme na kojoj je prodavnica.
=================================================================== */

.express-product-box {
	--express-accent: #3f7d3a;
	--express-accent-dark: #2c5c29;
	--express-accent-light: #eef5ea;
	--express-text: #23291f;
	--express-muted: #767d70;
	--express-border: #e4e8df;
	--express-card-bg: #ffffff;
	--express-radius: 16px;

	all: initial;
	display: block !important;
	box-sizing: border-box !important;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
	margin: 32px 0 !important;
	max-width: 580px !important;
	color: var(--express-text) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	background: var(--express-card-bg) !important;
	border: 1px solid var(--express-border) !important;
	border-radius: 24px !important;
	padding: 32px !important;
	box-shadow: 0 20px 45px rgba(31, 35, 40, 0.09), 0 4px 12px rgba(31, 35, 40, 0.05) !important;
}

.express-product-box *,
.express-product-box *::before,
.express-product-box *::after {
	box-sizing: border-box !important;
	font-family: inherit !important;
}

.express-product-box p,
.express-product-box span,
.express-product-box label,
.express-product-box div,
.express-product-box strong,
.express-product-box del,
.express-product-box ins,
.express-product-box ul,
.express-product-box li {
	margin: 0 !important;
	padding: 0 !important;
	background: none;
	border: 0;
	text-decoration: none;
	list-style: none !important;
	float: none !important;
	width: auto;
}

.express-product-box .express-box-header {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	color: var(--express-accent-dark) !important;
	margin-bottom: 24px !important;
	padding-bottom: 18px !important;
	border-bottom: 1px dashed var(--express-border) !important;
}

.express-product-box .express-box-header-icon {
	font-size: 18px !important;
}

.express-product-box .express-section-title {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	margin: 10px 0 18px !important;
	letter-spacing: 0.2px !important;
	color: var(--express-text) !important;
}

.express-product-box .express-section-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background: var(--express-accent) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	flex-shrink: 0 !important;
}

.express-product-box .express-divider {
	height: 1px !important;
	background: var(--express-border) !important;
	margin: 32px 0 !important;
}

/* ============ Paketi ============ */
.express-product-box .express-packages {
	margin-bottom: 26px !important;
	overflow: visible !important;
}

.express-product-box .express-package-card {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	border: 2px solid var(--express-border) !important;
	border-radius: var(--express-radius) !important;
	padding: 20px 22px !important;
	margin: 0 0 24px !important;
	cursor: pointer !important;
	overflow: visible !important;
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;
	background: #fff !important;
}

/* Prostor iznad prve kartice, da "bedz" koji visi preko ivice ima vazduha. */
.express-product-box .express-packages .express-package-card:first-of-type {
	margin-top: 10px !important;
}

.express-product-box .express-packages .express-package-card:last-of-type {
	margin-bottom: 0 !important;
}

.express-product-box .express-package-card:hover {
	border-color: #bcc9b6 !important;
	transform: translateY(-1px) !important;
}

.express-product-box .express-package-card.is-selected {
	border-color: var(--express-accent) !important;
	background: var(--express-accent-light) !important;
	box-shadow: 0 4px 16px rgba(63, 125, 58, 0.16) !important;
}

.express-product-box .express-package-card input[type='radio'] {
	position: absolute !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

.express-product-box .express-package-radio-dot {
	flex-shrink: 0 !important;
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	border: 2px solid #ccd2c7 !important;
	position: relative !important;
	transition: border-color 0.15s ease !important;
}

.express-product-box .express-package-card.is-selected .express-package-radio-dot {
	border-color: var(--express-accent) !important;
}

.express-product-box .express-package-card.is-selected .express-package-radio-dot::after {
	content: '' !important;
	position: absolute !important;
	top: 4px !important;
	left: 4px !important;
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	background: var(--express-accent) !important;
}

.express-product-box .express-package-body {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
	min-width: 0 !important;
}

.express-product-box .express-package-name {
	display: block !important;
	font-weight: 700 !important;
	font-size: 15.5px !important;
	color: var(--express-text) !important;
}

.express-product-box .express-package-sub {
	display: block !important;
	font-size: 13px !important;
	color: var(--express-muted) !important;
}

.express-product-box .express-package-price {
	flex-shrink: 0 !important;
	text-align: right !important;
	font-size: 16px !important;
	white-space: nowrap !important;
}

.express-product-box .express-package-price del {
	display: block !important;
	color: #a8ada3 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	text-decoration: line-through !important;
}

.express-product-box .express-package-price ins {
	display: block !important;
	text-decoration: none !important;
	font-weight: 800 !important;
	font-size: 17px !important;
	color: var(--express-accent-dark) !important;
}

.express-product-box .express-badge {
	position: absolute !important;
	top: -16px !important;
	left: 18px !important;
	display: inline-block !important;
	background: var(--express-accent) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	padding: 5px 16px !important;
	border-radius: 20px !important;
	white-space: nowrap !important;
	box-shadow: 0 3px 8px rgba(63, 125, 58, 0.35) !important;
}

/* ============ Lista pogodnosti ============ */
.express-product-box .express-package-info {
	margin: 4px 0 24px !important;
}

.express-product-box .express-feature-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	padding: 22px 24px !important;
	background: var(--express-accent-light) !important;
	border-radius: var(--express-radius) !important;
}

.express-product-box .express-feature-list.is-hidden {
	display: none !important;
}

.express-product-box .express-package-switch {
	display: none !important;
	align-items: center !important;
	gap: 9px !important;
	margin: 0 0 14px !important;
	padding: 11px 15px !important;
	background: var(--express-accent-light) !important;
	border-left: 4px solid var(--express-accent) !important;
	border-radius: 0 10px 10px 0 !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	color: var(--express-accent-dark) !important;
}

.express-product-box .express-package-switch.is-on {
	display: flex !important;
}

.express-product-box .express-feature-list li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: var(--express-text) !important;
}

.express-product-box .express-feature-icon {
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 19px !important;
	height: 19px !important;
	border-radius: 50% !important;
	background: var(--express-accent) !important;
	color: #fff !important;
	font-size: 11px !important;
	margin-top: 1px !important;
}

/* ============ Kolicina ============ */
.express-product-box .express-qty-section {
	margin: 10px 0 20px !important;
}

.express-product-box .express-base-price-text {
	display: block !important;
	font-size: 14px !important;
	color: var(--express-muted) !important;
	margin: 0 0 18px !important;
}

.express-product-box .express-base-price-text strong {
	color: var(--express-text) !important;
	font-weight: 700 !important;
}

.express-product-box .express-qty-row {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	margin: 18px 0 24px !important;
}

.express-product-box .express-qty-input {
	display: flex !important;
	align-items: center !important;
	border: 2px solid var(--express-border) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	background: #fff !important;
}

.express-product-box .express-qty-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f2f1ea !important;
	border: none !important;
	width: 44px !important;
	height: 46px !important;
	font-size: 19px !important;
	line-height: 1 !important;
	cursor: pointer !important;
	color: var(--express-text) !important;
	transition: background-color 0.15s ease !important;
}

.express-product-box .express-qty-btn:hover {
	background: var(--express-accent-light) !important;
	color: var(--express-accent-dark) !important;
}

.express-product-box .express-qty-field {
	all: revert !important;
	width: 68px !important;
	text-align: center !important;
	border: none !important;
	border-left: 1px solid var(--express-border) !important;
	border-right: 1px solid var(--express-border) !important;
	height: 46px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	background: #fff !important;
	color: var(--express-text) !important;
	box-shadow: none !important;
	-moz-appearance: textfield !important;
}

.express-product-box .express-qty-field::-webkit-outer-spin-button,
.express-product-box .express-qty-field::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.express-product-box .express-qty-unit {
	color: var(--express-muted) !important;
	font-size: 14px !important;
}

/* ============ Ukupno ============ */
.express-product-box .express-total-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	background: linear-gradient(135deg, var(--express-accent-light), #f6faf3) !important;
	border: 1.5px solid #d7e6cf !important;
	border-radius: var(--express-radius) !important;
	padding: 22px 26px !important;
	margin: 24px 0 10px !important;
}

.express-product-box .express-total-label {
	display: block !important;
	font-size: 14px !important;
	color: var(--express-muted) !important;
	font-weight: 600 !important;
}

.express-product-box .express-total-price {
	display: block !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	color: var(--express-accent-dark) !important;
	letter-spacing: -0.3px !important;
}

/* ============ Popust "porudžbina preko iznosa" ============ */
.express-product-box .express-discount-box {
	position: relative !important;
	display: block !important;
	overflow: hidden !important;
	margin: 4px 0 24px !important;
	padding: 16px 18px 16px 20px !important;
	border-radius: var(--express-radius) !important;
	background: linear-gradient(135deg, #fff8ec 0%, #fdeecb 100%) !important;
	border: 1.5px solid #e8c27a !important;
	box-shadow: 0 4px 14px rgba(196, 138, 21, 0.14) !important;
}

.express-product-box .express-discount-box::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 5px !important;
	height: 100% !important;
	background: linear-gradient(180deg, #f2b84b, #c48a15) !important;
}

.express-product-box .express-discount-box.is-reached {
	background: linear-gradient(135deg, var(--express-accent-light), #e3f1dd) !important;
	border-color: var(--express-accent) !important;
	box-shadow: 0 4px 16px rgba(63, 125, 58, 0.18) !important;
}

.express-product-box .express-discount-box.is-reached::before {
	background: linear-gradient(180deg, #66bb6a, var(--express-accent-dark)) !important;
}

.express-product-box .express-discount-message {
	display: block !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: #6b4e12 !important;
	font-weight: 600 !important;
	margin: 0 0 10px !important;
}

.express-product-box .express-discount-box.is-reached .express-discount-message {
	color: var(--express-accent-dark) !important;
}

.express-product-box .express-discount-message strong {
	color: #a56b0e !important;
}

.express-product-box .express-discount-box.is-reached .express-discount-message strong {
	color: var(--express-accent-dark) !important;
}

.express-product-box .express-discount-icon {
	display: inline-block !important;
	margin-right: 4px !important;
	font-size: 15px !important;
}

.express-product-box .express-discount-bar-bg {
	display: block !important;
	background: #f3e2b8 !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	height: 10px !important;
}

.express-product-box .express-discount-box.is-reached .express-discount-bar-bg {
	background: #cfe8d1 !important;
}

.express-product-box .express-discount-bar {
	display: block !important;
	background: linear-gradient(90deg, #f2b84b, #c48a15) !important;
	height: 100% !important;
	border-radius: 999px !important;
	transition: width 0.35s ease !important;
}

.express-product-box .express-discount-box.is-reached .express-discount-bar {
	background: linear-gradient(90deg, #66bb6a, var(--express-accent-dark)) !important;
}

/* ============ Forma za dostavu ============ */
.express-product-box .express-order-form {
	margin-bottom: 28px !important;
	margin-top: 4px !important;
}

.express-product-box .express-form-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 20px 20px !important;
}

.express-product-box .express-form-field {
	display: block !important;
}

.express-product-box .express-form-field label {
	display: block !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--express-muted) !important;
	margin-bottom: 7px !important;
}

.express-product-box .express-optional {
	font-weight: 400 !important;
	color: #a8ada3 !important;
}

.express-product-box .express-field {
	all: revert !important;
	display: block !important;
	padding: 13px 15px !important;
	border: 1.5px solid var(--express-border) !important;
	border-radius: 11px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	font-size: 14.5px !important;
	background: #fff !important;
	color: var(--express-text) !important;
	box-shadow: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.express-product-box .express-field:focus {
	outline: none !important;
	border-color: var(--express-accent) !important;
	box-shadow: 0 0 0 3px var(--express-accent-light) !important;
}

.express-product-box .express-form-field-full {
	grid-column: 1 / -1 !important;
}

.express-product-box .express-payment-note {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 13.5px !important;
	color: var(--express-muted) !important;
	margin: 26px 0 22px !important;
	padding: 15px 18px !important;
	background: #f2f1ea !important;
	border-radius: 10px !important;
}

.express-product-box .express-payment-icon {
	font-size: 15px !important;
}

.express-product-box .express-form-message {
	display: block !important;
	padding: 12px 15px !important;
	border-radius: 10px !important;
	font-size: 14px !important;
	margin-top: 16px !important;
}

.express-product-box .express-form-message.is-error {
	background: #fdecea !important;
	color: #b3261e !important;
}

.express-product-box .express-form-message.is-success {
	background: #e7f6ec !important;
	color: #1e7e34 !important;
}

/* ============ Dugmad ============ */
.express-product-box .express-actions {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	margin-top: 6px !important;
}

.express-product-box .express-btn {
	all: revert !important;
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	padding: 17px 20px !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px !important;
	border-radius: 50px !important;
	border: none !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	transition: transform 0.08s ease, box-shadow 0.15s ease, opacity 0.15s ease, background-color 0.15s ease !important;
}

.express-product-box .express-btn:active {
	transform: scale(0.99) !important;
}

.express-product-box .express-btn-primary {
	background: var(--express-accent) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(63, 125, 58, 0.32) !important;
}

.express-product-box .express-btn-primary:hover {
	background: var(--express-accent-dark) !important;
	box-shadow: 0 10px 24px rgba(63, 125, 58, 0.42) !important;
	transform: translateY(-1px) !important;
}

.express-product-box .express-btn-secondary {
	background: #fff !important;
	color: var(--express-text) !important;
	border: 2px solid var(--express-border) !important;
}

.express-product-box .express-btn-secondary:hover {
	border-color: var(--express-accent) !important;
	color: var(--express-accent-dark) !important;
	background: var(--express-accent-light) !important;
}

.express-product-box .express-btn.is-loading {
	opacity: 0.6 !important;
	pointer-events: none !important;
}

/* ============ Responsive ============ */
@media (max-width: 480px) {
	.express-product-box {
		padding: 22px !important;
		border-radius: 18px !important;
	}

	.express-product-box .express-form-grid {
		grid-template-columns: 1fr !important;
	}

	.express-product-box .express-package-card {
		padding: 16px !important;
	}

	.express-product-box .express-total-row {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 8px !important;
	}
}

/* ===================================================================
   Dodatna doterivanja: pristupačnost, stanja greške, mobilni prikaz
=================================================================== */

/* Vizuelna oznaka obaveznih polja. */
.express-product-box .express-required-star {
	color: var(--express-accent) !important;
	font-weight: 700 !important;
}

/* Polje koje nije popunjeno - jasno crveno stanje. */
.express-product-box .express-field.is-invalid {
	border-color: #d93025 !important;
	background: #fef7f6 !important;
}

.express-product-box .express-field.is-invalid:focus {
	box-shadow: 0 0 0 3px rgba(217, 48, 37, 0.15) !important;
}

/* Fokus preko tastature (pristupačnost) - vidljiv okvir na karticama i dugmadima. */
.express-product-box .express-package-card:focus-within {
	border-color: var(--express-accent) !important;
	box-shadow: 0 0 0 3px var(--express-accent-light) !important;
}

.express-product-box .express-btn:focus-visible,
.express-product-box .express-qty-btn:focus-visible {
	outline: 3px solid var(--express-accent-light) !important;
	outline-offset: 2px !important;
}

/* Dugme +/- kada se dostigne granica. */
.express-product-box .express-qty-btn:disabled,
.express-product-box .express-qty-btn.is-disabled {
	opacity: 0.4 !important;
	cursor: not-allowed !important;
	background: #f2f1ea !important;
}

/* Spinner u dugmetu dok traje slanje porudžbine. */
.express-product-box .express-btn.is-loading {
	position: relative !important;
	color: transparent !important;
}

.express-product-box .express-btn.is-loading::after {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 20px !important;
	height: 20px !important;
	margin: -10px 0 0 -10px !important;
	border: 2.5px solid rgba(255, 255, 255, 0.4) !important;
	border-top-color: #fff !important;
	border-radius: 50% !important;
	animation: express-spin 0.7s linear infinite !important;
}

.express-product-box .express-btn-secondary.is-loading::after {
	border-color: rgba(63, 125, 58, 0.3) !important;
	border-top-color: var(--express-accent) !important;
}

@keyframes express-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Poštovanje sistemskog podešavanja za smanjene animacije. */
@media (prefers-reduced-motion: reduce) {
	.express-product-box *,
	.express-product-box *::before,
	.express-product-box *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Napomena o dostupnosti / hitnosti iznad dugmadi. */
.express-product-box .express-stock-note {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: var(--express-accent-dark) !important;
	background: var(--express-accent-light) !important;
	border-radius: 10px !important;
	padding: 12px 16px !important;
	margin-bottom: 18px !important;
}

/* Sitni tekst poverenja ispod dugmadi. */
.express-product-box .express-trust-note {
	display: block !important;
	text-align: center !important;
	font-size: 12.5px !important;
	color: var(--express-muted) !important;
	margin-top: 16px !important;
	line-height: 1.5 !important;
}

/* Mobilni: dugmad i polja veći, lakši za prst. */
@media (max-width: 600px) {
	.express-product-box .express-btn {
		padding: 18px 20px !important;
		font-size: 16px !important;
	}

	.express-product-box .express-field {
		font-size: 16px !important; /* sprečava auto-zoom na iOS-u */
	}

	.express-product-box .express-qty-btn {
		width: 48px !important;
		height: 50px !important;
	}

	.express-product-box .express-qty-field {
		height: 50px !important;
		font-size: 16px !important;
	}

	.express-product-box .express-package-price {
		font-size: 15px !important;
	}
}

/* ===================================================================
   POJAČIVAČI PRODAJE (v1.2) - ušteda, društveni dokaz, odbrojavanje,
   dostupnost, garancije, utisak kupca, lebdeća traka na telefonu.
=================================================================== */

.express-product-box .express-signal-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 18px !important;
}

.express-product-box .express-signal {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 6px 12px !important;
	border-radius: 999px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.express-product-box .express-signal-save {
	background: #fdeceb !important;
	color: #b3261e !important;
}

.express-product-box .express-signal-social {
	background: var(--express-accent-light) !important;
	color: var(--express-accent-dark) !important;
	font-weight: 600 !important;
}

/* --- odbrojavanje --- */

.express-product-box .express-countdown {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	padding: 12px 16px !important;
	margin-bottom: 18px !important;
	background: #fff8e6 !important;
	border: 1px solid #f3dfae !important;
	border-radius: 12px !important;
}

.express-product-box .express-countdown-label {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #8a5a00 !important;
}

.express-product-box .express-countdown-clock {
	display: flex !important;
	gap: 6px !important;
}

.express-product-box .express-countdown-part {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	min-width: 42px !important;
	padding: 4px 6px !important;
	background: #ffffff !important;
	border: 1px solid #f0dcb0 !important;
	border-radius: 8px !important;
}

.express-product-box .express-countdown-part b {
	font-size: 17px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	color: #6b4400 !important;
	font-variant-numeric: tabular-nums !important;
}

.express-product-box .express-countdown-part i {
	font-style: normal !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	color: #9a7433 !important;
}

/* --- dostupnost / ostalo još --- */

.express-product-box .express-scarcity {
	margin-bottom: 18px !important;
}

.express-product-box .express-scarcity-text {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--express-accent-dark) !important;
	margin-bottom: 6px !important;
}

.express-product-box .express-scarcity.is-low .express-scarcity-text {
	color: #b3261e !important;
}

.express-product-box .express-scarcity-bar-bg {
	height: 8px !important;
	border-radius: 999px !important;
	background: #eceee9 !important;
	overflow: hidden !important;
}

.express-product-box .express-scarcity-bar {
	height: 100% !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, #5b9b52, #3f7d3a) !important;
	transition: width 0.4s ease !important;
}

.express-product-box .express-scarcity.is-low .express-scarcity-bar {
	background: linear-gradient(90deg, #e08b3c, #d0452f) !important;
}

/* --- cena po komadu u redu sa ukupnim iznosom --- */

.express-product-box .express-unit-price {
	display: block !important;
	margin-top: 2px !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	color: var(--express-muted) !important;
}

.express-product-box .express-unit-price b {
	font-weight: 700 !important;
	color: var(--express-accent-dark) !important;
}

/* --- utisak kupca --- */

.express-product-box .express-testimonial {
	padding: 14px 16px !important;
	margin: 18px 0 !important;
	background: var(--express-accent-light) !important;
	border-left: 4px solid var(--express-accent) !important;
	border-radius: 0 12px 12px 0 !important;
}

.express-product-box .express-testimonial-stars {
	display: block !important;
	color: #e8a33d !important;
	font-size: 14px !important;
	letter-spacing: 2px !important;
	margin-bottom: 4px !important;
}

.express-product-box .express-testimonial-text {
	font-size: 13.5px !important;
	font-style: italic !important;
	line-height: 1.55 !important;
	color: var(--express-text) !important;
}

.express-product-box .express-testimonial-author {
	display: block !important;
	margin-top: 6px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--express-muted) !important;
}

/* --- garancije --- */

.express-product-box .express-trust-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px 14px !important;
	margin: 18px 0 !important;
	padding: 14px 16px !important;
	background: #fafbf9 !important;
	border: 1px solid var(--express-border) !important;
	border-radius: 12px !important;
}

.express-product-box .express-trust-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--express-text) !important;
}

.express-product-box .express-trust-check {
	flex: 0 0 auto !important;
	width: 16px !important;
	height: 16px !important;
	margin-top: 1px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: var(--express-accent) !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
}

/* --- poruka hitnosti --- */

.express-product-box .express-urgency-note {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 10px 14px !important;
	margin-bottom: 14px !important;
	background: #fff8e6 !important;
	border-radius: 10px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #8a5a00 !important;
}

/* --- lebdeća traka na telefonu --- */

.express-sticky-bar {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 99998 !important;
	display: none;
	box-sizing: border-box !important;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
	background: rgba(255, 255, 255, 0.98) !important;
	border-top: 1px solid #e4e8df !important;
	box-shadow: 0 -6px 24px rgba(31, 35, 40, 0.14) !important;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
	transform: translateY(110%);
	transition: transform 0.25s ease !important;
}

.express-sticky-bar.is-visible {
	transform: translateY(0);
}

.express-sticky-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	max-width: 580px !important;
	margin: 0 auto !important;
}

.express-sticky-info {
	display: flex !important;
	flex-direction: column !important;
	line-height: 1.2 !important;
}

.express-sticky-label {
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.6px !important;
	color: #767d70 !important;
}

.express-sticky-price {
	font-size: 19px !important;
	font-weight: 800 !important;
	color: #23291f !important;
}

.express-sticky-price del {
	display: none !important;
}

.express-sticky-btn {
	flex: 1 1 auto !important;
	max-width: 62% !important;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: #3f7d3a !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	box-shadow: 0 6px 16px rgba(63, 125, 58, 0.32) !important;
}

.express-sticky-btn:hover {
	background: #2c5c29 !important;
}

@media (max-width: 782px) {
	.express-sticky-bar {
		display: block;
	}

	.express-product-box .express-trust-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.express-product-box .express-countdown {
		justify-content: center !important;
		text-align: center !important;
	}

	.express-product-box .express-countdown-label {
		width: 100% !important;
	}
}

/* --- Uz paket: cena po komadu i oprašivači --- */

.express-product-box .express-package-unit {
	display: block !important;
	margin-top: 2px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: var(--express-muted) !important;
	white-space: nowrap !important;
}

.express-product-box .express-pollination {
	display: flex !important;
	align-items: flex-start !important;
	gap: 9px !important;
	padding: 12px 15px !important;
	margin-bottom: 14px !important;
	background: var(--express-accent-light) !important;
	border-radius: 10px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	color: var(--express-accent-dark) !important;
}


/* ------------------------------------------------------------------
 * Napomena za paket (kupac upisuje zelju/izmenu, npr. da izbaci sortu)
 * --------------------------------------------------------------- */

.express-product-box .express-note-section {
	margin: 18px 0 !important;
}

.express-product-box .express-note-label {
	display: block !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--express-muted) !important;
	margin-bottom: 7px !important;
}

.express-product-box .express-note-field {
	all: revert !important;
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 13px 15px !important;
	border: 1.5px solid var(--express-border) !important;
	border-radius: 11px !important;
	font-size: 14.5px !important;
	font-family: inherit !important;
	line-height: 1.5 !important;
	min-height: 104px !important;
	background: #fff !important;
	color: var(--express-text) !important;
	box-shadow: none !important;
	resize: vertical !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.express-product-box .express-note-field:focus {
	outline: none !important;
	border-color: var(--express-accent) !important;
	box-shadow: 0 0 0 3px var(--express-accent-light) !important;
}