/* VirtueMart cart login — Bootstrap 5 collapse state with Bootstrap 2 CSS */
#vm-login.collapse.show {
	height: auto !important;
	overflow: visible !important;
}

/* Peptide Products typography — restored from old text.css */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.userfields_info,
.result-title,
span.title,
.productdetails-view h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
}

h1 {
	font-size: 250%;
}

strong.seo {
	color: #62aae8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
}

.all-products1 {
	column-count: 1;
}

.all-products2 {
	column-count: 2;
}

/* Main and storefront menus — restored from old nav.css */
#menu .menu-nav > li > a,
div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
a#socialpanel {
	font: 300 16px Verdana, Arial, Helvetica, sans-serif;
}

#menu .menu-nav ul > li a {
	font: 400 12px Verdana, Arial, Helvetica, sans-serif;
}

.menupanel ul.selectnav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}

#cart-position > strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.moduletable_menu ul.menu li a,
.moduletable_menu ol.menu li a,
ul.latestnews_menu li a,
.VMmenu li div a {
	background-color: #5e96c6 !important;
	border: 1px solid rgba(105, 165, 205, 0.6) !important;
	border-radius: 0 10px 0 10px;
	box-shadow: 0 2px 2px rgba(128, 128, 128, 0.5);
	color: #fff !important;
	font: 400 14px Verdana, Arial, Helvetica, sans-serif;
}

.VMmenu li div a {
	padding: 10px !important;
}

.moduletable_menu ul.menu li a:hover,
.moduletable_menu ol.menu li a:hover,
.VMmenu li div a:hover {
	background-color: #62aae8 !important;
	color: #434343 !important;
}

/* Core content geometry — restored from old layout.css/template.css */
#main-content-handler {
	padding-top: 0;
}

h2 {
	line-height: 0.8em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-size: 130%;
}

#LoginForm .modal-header #myModalLabel {
	font: 400 24px Verdana, Arial, Helvetica, sans-serif;
}

.category_description,
.productdetails-view {
	padding: 5px;
}

/* Homepage and content tables — restored from old template.css */
table.table-home {
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: 500;
	width: 100%;
}

table.table-home tr {
	background-color: #fff;
}

table.table-home td {
	border: 0;
	text-align: left;
	vertical-align: top;
	width: 32%;
}

table.table-home th {
	background-color: transparent;
	border: 0;
	color: #fff;
	text-align: left;
}

table.table-home a {
	color: #62aae8 !important;
	font-size: 12px !important;
	font-weight: 700;
}

table.table-home a:hover {
	color: #5e96c6 !important;
	font-size: 12px !important;
	font-weight: 700;
	text-decoration: none;
}

table.table-home p {
	padding: 5px;
}

table.table-3 {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table.table-3 tr {
	background-color: #f8f8f8;
}

table.table-3 td {
	border: 1px solid #5e96c6;
	padding: 18px;
	text-align: left;
}

table.table-3 th {
	background-color: #5e96c6;
	border: 1px solid #fff;
	color: #fff;
	padding: 18px;
	text-align: left;
}

/* Brand and category presentation — restored from old template.css */
.brands {
	column-count: 10 !important;
	text-align: center !important;
}

img.brands {
	margin: 10px auto;
	max-width: 150px;
}

.brands2 {
	column-count: 2 !important;
	float: left !important;
}

img.brands2 {
	float: left !important;
	margin: 10px;
	max-width: 150px;
}

.brands3 {
	column-count: 3 !important;
	float: left !important;
}

img.brands3 {
	float: left !important;
	margin: 10px;
	max-width: 150px;
}

.frontcat {
	border-radius: 10px;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.grid-container {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	margin: 0 auto;
	max-width: 790px;
}

.grid-item {
	border-radius: 3px;
	cursor: pointer;
	padding: 8px;
	text-align: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.grid-item:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.grid-item img {
	aspect-ratio: 1 / 1;
	border-radius: 3px;
	display: block;
	object-fit: cover;
	width: 100%;
}

.caption {
	color: #333;
	font-size: 15px;
	margin-top: 10px;
}

/* Preset identity — restored from old presets/style1.css */
.popout-price,
.PricesalesPrice {
	color: #d23835 !important;
	font-size: 32px !important;
}

.popout-price {
	visibility: hidden;
}

thead th,
table th,
tbody th,
tbody td,
#bottom-bg {
	border-top-color: #fff !important;
}

tbody th,
tbody td,
h2 .contact-name,
.search-results dt.result-title,
#brcr,
#tab-modules,
#top-content-modules,
.related_header,
.review_header,
#bottom-bg {
	border-bottom-color: transparent !important;
}

#bot-modules-2 a,
#bottom-bg ul.menu li a,
footer a,
#bottom-bg ul.menu li {
	color: #666 !important;
}

/* Responsive Peptide Products behavior — restored from old responsive-template.css */
@media (max-width: 767px) {
	.moduletable_menu,
	.VMmenu ul,
	ul.VMmenu,
	.VMmenu li {
		max-height: 1px;
		max-width: 1px;
		visibility: hidden !important;
	}

	.man-main-handler img {
		clear: none;
		display: block;
		float: left;
		margin: 5px;
		width: 25%;
	}

	.moduletable_products {
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
	}

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: 500;
	}

	#nav-line #brcr {
		margin-bottom: 0;
		padding: 0px 0px 0px 15px;
	}
}

@media (min-width: 781px) and (max-width: 1780px) {
	.brands {
		column-count: 10 !important;
		text-align: center !important;
	}
}

@media (min-width: 481px) and (max-width: 780px) {
	.brands {
		column-count: 6 !important;
		text-align: center !important;
	}
}

@media (max-width: 680px) {
	table.table-home {
		border: 0;
		font-size: 120%;
		font-weight: bold;
	}

	table.table-home thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table.table-home tr {
		border: 0;
		display: block;
		margin-bottom: 30px;
	}

	table.table-home td {
		display: block;
		font-weight: 700;
		padding: 1px !important;
		text-align: left;
		width: 100% !important;
	}

	table.table-home td::before {
		content: attr(data-label);
		float: left;
		font-weight: 700;
		text-transform: uppercase;
	}

	table.table-home td:last-child {
		border-bottom: 0;
	}
}

@media (max-width: 600px) {
	table.table-3,
	table.table-bas {
		border: 0;
	}

	table.table-3 thead,
	table.table-bas thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table.table-3 tr {
		border: 1px solid #5e96c6;
		display: block;
		margin-bottom: 30px;
	}

	table.table-3 td {
		display: block;
		list-style-type: none !important;
		text-align: right;
	}

	table.table-3 li,
	table.table-bas li {
		list-style: none !important;
	}

	table.table-3 td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	table.table-3 td:last-child {
		border-bottom: 1px solid #5e96c6;
	}

	table.table-bas tr {
		border: none;
		display: block;
		margin-bottom: 30px;
	}

	table.table-bas td {
		display: block;
		list-style-type: none !important;
		text-align: center;
	}

	table.table-bas img {
		width: 90% !important;
	}

	table.table-bas td::before {
		content: attr(data-label);
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}

	table.table-bas td:last-child {
		border-bottom: none;
	}
}

@media (max-width: 480px) {
	#sn-position {
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
		text-align: center;
	}

	.camera_caption {
		background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%);
	}

	.brands {
		column-count: 3 !important;
		text-align: center !important;
	}

	.caption {
		font-size: 13px;
	}
}

/* VirtueMart cart quantity actions — explicit controls replacing legacy sprites. */
.cart-view .evostore-cart-quantity-controls {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	white-space: nowrap;
}

.cart-view .evostore-cart-quantity-controls > .quantity-input,
.cart-view .evostore-cart-quantity-controls > input[name^="quantity["] {
	box-sizing: border-box;
	width: 32px !important;
	height: 30px !important;
	margin: 0;
}

.cart-view .evostore-cart-quantity-controls > .evostore-cart-control {
	box-sizing: border-box;
	display: inline-flex;
	flex: 0 0 28px;
	align-items: center;
	justify-content: center;
	width: 28px !important;
	min-width: 28px;
	height: 28px !important;
	min-height: 28px;
	margin: 0;
	padding: 0 !important;
	background-image: none !important;
	background-position: 0 0 !important;
	border: 1px solid #5e96c6;
	border-radius: 2px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}

.cart-view .evostore-cart-quantity-controls > .evostore-cart-update {
	color: #fff;
	background-color: #5e96c6 !important;
}

.cart-view .evostore-cart-quantity-controls > .evostore-cart-update:hover,
.cart-view .evostore-cart-quantity-controls > .evostore-cart-update:focus {
	color: #fff;
	background-color: #62aae8 !important;
	border-color: #62aae8;
}

.cart-view .evostore-cart-quantity-controls > .evostore-cart-delete {
	color: #d23835;
	background-color: #fff !important;
	border-color: #d23835;
}

.cart-view .evostore-cart-quantity-controls > .evostore-cart-delete:hover,
.cart-view .evostore-cart-quantity-controls > .evostore-cart-delete:focus {
	color: #fff;
	background-color: #d23835 !important;
}

.cart-view .evostore-cart-quantity-controls > .evostore-cart-control:focus {
	outline: 2px solid #333;
	outline-offset: 2px;
}

.cart-view .evostore-cart-quantity-controls > .evostore-cart-control:active {
	transform: translateY(1px);
}

.cart-view .evostore-cart-control-symbol {
	display: block;
	color: inherit;
	font: inherit;
	line-height: 1;
}

@media (max-width: 480px) {
	.cart-view .evostore-cart-quantity-controls {
		gap: 2px;
	}

	.cart-view .evostore-cart-quantity-controls > .quantity-input,
	.cart-view .evostore-cart-quantity-controls > input[name^="quantity["] {
		width: 30px !important;
		height: 26px !important;
	}

	.cart-view .evostore-cart-quantity-controls > .evostore-cart-control {
		flex-basis: 24px;
		width: 24px !important;
		min-width: 24px;
		height: 24px !important;
		min-height: 24px;
		font-size: 16px;
	}
}

/* VirtueMart add-to-cart popup — scope Fancybox geometry to Evostore content. */
.evostore-cart-popup .showcart > .fa {
	margin-right: 6px;
}

@media (max-width: 767px) {
	#fancybox-wrap:has(#fancybox-content .evostore-cart-popup) {
		left: 10px !important;
		right: 10px !important;
		width: auto !important;
		max-width: calc(100vw - 20px) !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	#fancybox-wrap:has(#fancybox-content .evostore-cart-popup) #fancybox-outer,
	#fancybox-wrap:has(#fancybox-content .evostore-cart-popup) #fancybox-content,
	#fancybox-wrap:has(#fancybox-content .evostore-cart-popup) #fancybox-content > .evostore-cart-popup {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	.evostore-cart-popup .btn-block {
		box-sizing: border-box;
	}
}

/* VirtueMart product-image Fancybox — mobile containment only. */
@media (max-width: 767px) {
	#fancybox-wrap:has(#fancybox-content > #fancybox-img) {
		left: 10px !important;
		right: 10px !important;
		width: auto !important;
		box-sizing: border-box;
	}

	#fancybox-wrap:has(#fancybox-content > #fancybox-img) #fancybox-outer,
	#fancybox-wrap:has(#fancybox-content > #fancybox-img) #fancybox-content {
		box-sizing: border-box;
		max-width: 100%;
	}

	#fancybox-wrap:has(#fancybox-content > #fancybox-img) #fancybox-content {
		width: 100% !important;
		height: auto !important;
	}

	#fancybox-wrap:has(#fancybox-content > #fancybox-img) #fancybox-img {
		display: block;
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
	}
}

/* VirtueMart Terms: contain only the TOS Fancybox on mobile. */
@media (max-width: 767px) {
	#fancybox-wrap.evostore-tos-fancybox {
		left: 10px !important;
		right: 10px !important;
		width: auto !important;
		max-width: calc(100vw - 20px) !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	#fancybox-wrap.evostore-tos-fancybox #fancybox-outer,
	#fancybox-wrap.evostore-tos-fancybox #fancybox-content {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	#fancybox-wrap.evostore-tos-fancybox #fancybox-content {
		height: auto !important;
	}

	#fancybox-wrap.evostore-tos-fancybox #fancybox-close {
		top: 0 !important;
		right: 0 !important;
	}
}

/* Evostore product details — compact legacy-style Add-to-Cart composition. */
.productdetails-view .addtocart-area .addtocart-bar {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	text-align: left;
}

.productdetails-view .addtocart-area .addtocart-bar > .quantity-controls.input-group {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: stretch;
	width: auto;
	margin: 0 !important;
}

.productdetails-view .addtocart-area .quantity-controls.input-group .input-group-btn {
	display: flex;
	width: auto;
}

.productdetails-view .addtocart-area .quantity-controls.input-group .quantity-minus,
.productdetails-view .addtocart-area .quantity-controls.input-group .quantity-plus {
	box-sizing: border-box;
	width: 30px;
	min-width: 30px;
	height: 34px;
	padding: 0;
	color: #999999;
	background: #ffffff;
	border: 1px solid #cccccc;
	line-height: 32px;
	text-align: center;
}

.productdetails-view .addtocart-area .quantity-controls.input-group .quantity-minus::before { content: "−"; }
.productdetails-view .addtocart-area .quantity-controls.input-group .quantity-plus::before { content: "+"; }
.productdetails-view .addtocart-area .quantity-controls.input-group .quantity-minus > span,
.productdetails-view .addtocart-area .quantity-controls.input-group .quantity-plus > span { display: none; }

.productdetails-view .addtocart-area .quantity-controls.input-group .quantity-input {
	box-sizing: border-box;
/*	flex: 0 0 42px; */
	width: 42px !important;
	height: 34px !important;
	margin: 0;
	padding: 4px;
	border-color: #cccccc;
	border-radius: 0 !important;
	text-align: center;
}

.productdetails-view .addtocart-area .addtocart-bar > div.addtocart-button {
	display: inline-block;
	flex: 0 0 auto;
	width: auto;
	margin: 0 !important;
}

.productdetails-view .addtocart-area div.addtocart-button > input.addtocart-button {
	display: inline-block;
	box-sizing: border-box;
	width: auto !important;
	min-width: 112px;
	height: 34px;
	margin: 0;
	padding: 5px 16px;
	color: #999999 !important;
	background: #ffffff !important;
	border: 1px solid #cccccc !important;
	border-radius: 18px !important;
	box-shadow: none;
	white-space: nowrap;
}

.productdetails-view .addtocart-area div.addtocart-button > input.addtocart-button:hover,
.productdetails-view .addtocart-area div.addtocart-button > input.addtocart-button:focus,
.productdetails-view .addtocart-area div.addtocart-button > input.addtocart-button:active {
	color: #ffffff !important;
	background: #62aae8 !important;
	border-color: #62aae8 !important;
}

@media (max-width: 390px) {
	.productdetails-view .addtocart-area .addtocart-bar {
		gap: 6px;
	}
}

/* Evostore VirtueMart order details — Bootstrap 2 actions and mobile tables. */
.evostore-order-details .evostore-order-actions-separator {
	height: 0;
	border: 0;
}

.evostore-order-details .evostore-order-mobile-summary-row { display: none; }

@media (max-width: 767px) {
	.evostore-order-details .evostore-order-actions {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding-top: 8px;
		box-sizing: border-box;
	}

	.evostore-order-details .evostore-order-actions > .span6 {
		float: none;
		width: auto;
		min-height: 0;
		margin-left: 0;
	}

	.evostore-order-details .evostore-order-actions-list {
		margin-left: auto;
		text-align: right;
	}

	.evostore-order-details .evostore-order-actions-separator { margin: 14px 0 20px; }

	.evostore-order-details .evostore-order-items-table {
		width: 100% !important;
		max-width: 100%;
		table-layout: fixed;
	}

	.evostore-order-details .evostore-order-mobile-hide,
	.evostore-order-details .evostore-order-summary-desktop { display: none; }

	.evostore-order-details .evostore-order-items-table th,
	.evostore-order-details .evostore-order-items-table td {
		padding: 4px 3px;
		font-size: 12px;
		line-height: 1.3;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: normal;
		vertical-align: top;
	}

	.evostore-order-details .evostore-order-col-sku { width: 18%; }
	.evostore-order-details .evostore-order-col-product { width: 34%; }
	.evostore-order-details .evostore-order-col-price { width: 18%; }
	.evostore-order-details .evostore-order-col-qty { width: 10%; }
	.evostore-order-details .evostore-order-col-total { width: 20%; }
	.evostore-order-details .evostore-order-mobile-summary-row { display: table-row; }
	.evostore-order-details .evostore-order-mobile-summary-cell { padding: 0; }

	.evostore-order-details .evostore-order-mobile-summary-table {
		width: 100%;
		max-width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		margin: 0;
	}

	.evostore-order-details .evostore-order-mobile-summary-label,
	.evostore-order-details .evostore-order-mobile-summary-amount { text-align: right; }
	.evostore-order-details .evostore-order-mobile-summary-amount { white-space: nowrap; }
}

/* VirtueMart BS3 cart — proven visual compatibility fixes. */
.cart-view .vm-cart-header-container .vm-continue-shopping {
	margin-bottom: 15px;
}

.cart-view .vm-cart-header-container .checkoutStep {
	clear: both;
}

.cart-view .vm-coupon-row .input-group > input.coupon.form-control,
.cart-view .vm-coupon-row .input-group-btn > input.btn {
	box-sizing: border-box;
	height: 36px !important;
	margin: 0 !important;
}

.cart-view .vm-shipment-row .label-success,
.cart-view .vm-payment-row .label-success {
	display: inline-block;
	margin: 3px 0;
	padding: 4px 6px;
	color: #fff;
	background-color: #5e96c6;
	line-height: 1.35;
	white-space: normal;
}

.cart-view .vm-carttotal-row > td.priceCol:last-child,
.cart-view .vm-mobile-total tr:last-child > td.priceCol:last-child {
	font-weight: 700;
}

/* Evostore-specific shipment/payment rhythm and wrapping. */
.cart-view .vm-shipment-row .vm-payment-shipment-select,
.cart-view .vm-payment-row .vm-payment-shipment-select {
	min-width: 0;
	margin-top: 10px;
}

.cart-view .vm-shipment-plugin-single,
.cart-view .vm-payment-plugin-single {
	margin: 6px 0;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.cart-view .vm-shipment-plugin-single input[type="radio"],
.cart-view .vm-payment-plugin-single input[type="radio"] {
	width: auto !important;
	height: auto !important;
	margin: 3px 6px 0 0;
	vertical-align: top;
}

.cart-view .vm-shipment-plugin-single label,
.cart-view .vm-payment-plugin-single label {
	display: inline;
	margin: 0;
	font-weight: 400;
	white-space: normal;
}

.cart-view .vmshipment_description,
.cart-view .vmpayment_description {
	display: block;
	margin: 2px 0 6px;
	padding: 0 0 0 22px;
	font-size: 12px;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

/* Evostore Bootstrap 2 form defaults must not size checkout fields globally. */
.cart-view .cart.customer-note > label {
	display: block;
}

.cart-view #customer_note_field {
	box-sizing: border-box;
	width: 100% !important;
	min-height: 72px;
	height: auto;
	margin: 6px 0 10px;
	resize: vertical;
}

.cart-view .vm-fieldset-tos {
	text-align: left;
}

.cart-view input#tos.terms-of-service {
	width: auto !important;
	min-width: 13px;
	height: auto !important;
	margin: 3px 6px 0 0;
	vertical-align: top;
}

.cart-view div.terms-of-service {
	display: inline-block;
	max-width: calc(100% - 28px);
	margin: 0;
	padding: 0 0 10px;
	vertical-align: top;
	line-height: 1.4;
}

.cart-view .checkout-button-top {
	clear: both;
	margin-top: 15px;
}

/* Evostore BS3 cart — contain the four-column table at phone widths. */
@media (max-width: 540px) {
	.cart-view .vm-fieldset-pricelist {
		min-width: 0;
		max-width: 100%;
	}

	.cart-view .cart-summary,
	.cart-view .vm-mobile-total {
		width: 100% !important;
		max-width: 100%;
	}

	.cart-view .cart-summary {
		table-layout: fixed;
	}

	.cart-view .cart-summary th,
	.cart-view .cart-summary td {
		min-width: 0;
		padding-left: 2px !important;
		padding-right: 2px !important;
		overflow-wrap: anywhere;
	}

	.cart-view .cart-summary td:has(> .evostore-cart-quantity-controls) {
		width: 86px;
	}

	.cart-view .cart-summary td:first-child,
	.cart-view .cart-summary td:first-child a,
	.cart-view .vm-shipment-row > td,
	.cart-view .vm-payment-row > td {
		white-space: normal;
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	.cart-view .vm-coupon-row .input-group {
		max-width: 100%;
	}

	.cart-view .checkout-button-top,
	.cart-view #checkoutFormSubmit {
		box-sizing: border-box;
		width: 100%;
	}
}

/* VirtueMart Terms: keep the desktop Fancybox inside the viewport. */
@media (min-width: 768px) {
	#fancybox-wrap.evostore-tos-fancybox {
		left: 5vw !important;
		right: 5vw !important;
		width: auto !important;
		max-width: 90vw !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	#fancybox-wrap.evostore-tos-fancybox #fancybox-outer,
	#fancybox-wrap.evostore-tos-fancybox #fancybox-content,
	#fancybox-wrap.evostore-tos-fancybox #fancybox-content > div {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	#fancybox-wrap.evostore-tos-fancybox #fancybox-close {
		top: 0 !important;
		right: 0 !important;
	}
}

/* Unified Evostore button style */
.btn-primary:not(.evostore-cart-control):not(#checkoutFormSubmit) {
	background-color: #ffffff !important;
	border: 1px solid #cccccc !important;
	color: #999999 !important;
	border-radius: 18px !important;
	padding: 7px 20px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s !important;
}

.btn-primary:not(.evostore-cart-control):not(#checkoutFormSubmit):hover,
.btn-primary:not(.evostore-cart-control):not(#checkoutFormSubmit):focus,
.btn-primary:not(.evostore-cart-control):not(#checkoutFormSubmit):active,
.btn-primary:not(.evostore-cart-control):not(#checkoutFormSubmit).active {
	background-color: #62aae8 !important;
	border-color: #62aae8 !important;
	color: #ffffff !important;
}


/* Evostore checkout form submit style */
#checkoutFormSubmit {
	background-color: #5e96c6 !important;
	border: 1px solid #5e96c6 !important;
	color: #ffffff !important;
	border-radius: 18px !important;
	padding: 7px 20px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s !important;
}

#checkoutFormSubmit:hover,
#checkoutFormSubmit:focus,
#checkoutFormSubmit:active {
	background-color: #62aae8 !important;
	border-color: #62aae8 !important;
	color: #ffffff !important;
}

/* Task 17A — quantity control refinement */
.productdetails-view .addtocart-area .addtocart-bar .quantity-controls,
.productdetails-view .addtocart-area .addtocart-bar .quantity-minus,
.productdetails-view .addtocart-area .addtocart-bar .quantity-plus {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.productdetails-view .addtocart-area .addtocart-bar .quantity-minus,
.productdetails-view .addtocart-area .addtocart-bar .quantity-plus {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 18px !important;
	min-width: 18px !important;
	height: 34px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.productdetails-view .addtocart-area .addtocart-bar .quantity-minus input,
.productdetails-view .addtocart-area .addtocart-bar .quantity-plus input {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 18px !important;
	height: 34px !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #666666 !important;
	font-size: 24px !important;
	line-height: 34px !important;
	text-align: center !important;
	text-indent: 0 !important;
}

.productdetails-view .addtocart-area .addtocart-bar .quantity-box,
.productdetails-view .addtocart-area .addtocart-bar .quantity-input {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.productdetails-view .addtocart-area .addtocart-bar .quantity-box input,
.productdetails-view .addtocart-area .addtocart-bar input.quantity-input {
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #ffffff !important;
	border: 1px solid #cccccc !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: #666666 !important;
	font-size: 16px !important;
	line-height: 34px !important;
	text-align: center !important;
}

/* Final Evostore typography — restore peptide-products Verdana */
body,
input,
button,
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
#menu,
#menu a,
.menu,
.menu a,
.VMmenu,
.VMmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.spacer-buy-area .product-price .PricesalesPrice {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

/* Category title */
.category .cat-title {
	font-size: 15px !important;
	font-weight: 400 !important;
	letter-spacing: normal !important;
        padding-bottom: 10px !important;
}

a .cat-title {
	color: #5e96c6 !important;
}

a:hover .cat-title {
    color: #62aae8 !important;
}

/* Evostore VirtueMart manufacturer detail — natural logo size and BS2-safe layout. */
.manufacturer-details-view {
	box-sizing: border-box;
	padding: 20px 0 25px;
	border-bottom: 0 !important;
}

.manufacturer-details-view > .row {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	margin: 0;
}

.manufacturer-details-view > .row > .col-md-8 {
	box-sizing: border-box;
	flex: 1 1 480px;
	min-width: 0;
}

.manufacturer-details-view > .row > .manufacturer-image.col-md-4 {
	box-sizing: border-box;
	flex: 0 0 150px;
	width: 150px;
	max-width: 150px;
	margin: 0;
	padding: 0;
}

.manufacturer-details-view .manufacturer-image img {
	display: block;
	float: none;
	width: auto !important;
	height: auto !important;
	max-width: 150px;
	max-height: 150px;
	margin: 0;
}

.manufacturer-details-view .manufacturer-description {
	margin: 0;
	padding: 3px 0;
}

.manufacturer-details-view > .row > .col-md-12 {
	box-sizing: border-box;
	flex: 0 0 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.manufacturer-details-view .manufacturer-product-link {
	margin-top: 15px;
}

/* VM manufacturer profiles use the Brands hub as their return context. */
body:has(.manufacturer-details-view) #brcr {
	display: none;
}
.manufacturer-details-view .evostore-manufacturer-back {
	display: inline-block;
	margin-bottom: 12px;
}
.manufacturer-details-view .evostore-manufacturer-products {
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	margin-top: 16px;
	padding: 8px 16px;
	border: 1px solid #5e96c6;
	border-radius: 18px;
	color: #5e96c6;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.manufacturer-details-view .evostore-manufacturer-products:hover,
.manufacturer-details-view .evostore-manufacturer-products:focus-visible {
	background: #62aae8;
	border-color: #62aae8;
	color: #fff;
}

.manufacturer-details-view > hr,
.manufacturer-details-view > .row > .col-md-12 > hr {
	display: none;
}

@media (max-width: 767px) {
	.manufacturer-details-view {
		padding: 15px 0 20px;
	}

	.manufacturer-details-view > .row {
		gap: 15px;
	}

	.manufacturer-details-view > .row > .col-md-8 {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
	}

	.manufacturer-details-view > .row > .manufacturer-image.col-md-4 {
		flex: 0 1 150px;
		width: 150px;
		max-width: 100%;
	}

	.manufacturer-details-view .manufacturer-image img {
		max-width: 100%;
	}
}

/* VirtueMart Shop Front categories — non-destructive hover and keyboard focus feedback. */
.category-view .row-fluid .category .spacer h2 > a,
.category-view .row-fluid .category .spacer h2 > a img {
	transition-duration: 200ms;
	transition-timing-function: ease;
}

.category-view .row-fluid .category .spacer h2 > a {
	transition-property: box-shadow;
}

.category-view .row-fluid .category .spacer h2 > a img {
	transform-origin: center;
	transition-property: transform;
}

@media (hover: hover) and (pointer: fine) {
	.category-view .row-fluid .category .spacer h2 > a:hover {
		box-shadow: 0 4px 14px rgba(98, 170, 232, 0.18);
	}

	.category-view .row-fluid .category .spacer h2 > a:hover img {
		transform: scale(1.03);
	}
}

.category-view .row-fluid .category .spacer h2 > a:focus-visible {
	outline: 2px solid #62aae8;
	outline-offset: 2px;
	box-shadow: 0 4px 14px rgba(98, 170, 232, 0.18);
}

.category-view .row-fluid .category .spacer h2 > a:focus-visible img {
	transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
	.category-view .row-fluid .category .spacer h2 > a,
	.category-view .row-fluid .category .spacer h2 > a img {
		transition: none;
	}

	.category-view .row-fluid .category .spacer h2 > a:hover img,
	.category-view .row-fluid .category .spacer h2 > a:focus-visible img {
		transform: none;
	}
}

/* Blue menu subcategory left pagging */

.moduletable_menu .VmOpen ul.menu li a,
.moduletable_menu .VmClose ul.menu li a {
	padding: 6px 10px 6px 30px !important;
}

/* VirtueMart desktop blue category menu — submenu state arrows. */
@media (min-width: 768px) {
	.VMmenu > li > div > a:has(+ .VmArrowdown) {
		padding-right: 36px !important;
	}

	.VMmenu > li > div > .VmArrowdown {
		background-image: none !important;
	}

	.VMmenu > li > div > .VmArrowdown::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 7px;
		height: 7px;
		box-sizing: border-box;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translate(-50%, -65%) rotate(45deg);
		transition: transform 180ms ease;
	}

	.VMmenu > li.VmOpen > div > .VmArrowdown::before {
		transform: translate(-50%, -35%) rotate(225deg);
	}
}

/* Dedicated VirtueMart category menu for mobile pages. */
.evostore-mobile-categories-container {
	display: none;
}

@media (max-width: 767px) {
	.evostore-mobile-categories-container {
		display: block;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin: 12px auto 14px;
	}

	.evostore-mobile-categories {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	.evostore-mobile-categories-toggle {
		display: block;
		position: relative;
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 10px 38px 10px 10px !important;
		border: 1px solid rgba(105, 165, 205, 0.6) !important;
		border-radius: 0 10px 0 10px;
		background: #5e96c6 !important;
		box-shadow: 0 2px 2px rgba(128, 128, 128, 0.5);
		color: #fff !important;
		font: 400 14px Verdana, Geneva, sans-serif !important;
		line-height: 20px;
		text-align: left;
		text-transform: uppercase;
		cursor: pointer;
	}

	.evostore-mobile-categories-toggle::after {
		content: "";
		position: absolute;
		right: 15px;
		top: 50%;
		width: 8px;
		height: 8px;
		box-sizing: border-box;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translateY(-65%) rotate(45deg);
		transition: transform 180ms ease;
	}

	.evostore-mobile-categories.is-open .evostore-mobile-categories-toggle::after {
		transform: translateY(-35%) rotate(225deg);
	}

	.evostore-mobile-categories-toggle:hover,
	.evostore-mobile-categories-toggle:focus {
		background: #62aae8 !important;
	}

	.evostore-mobile-categories-toggle:focus-visible {
		outline: 2px solid #62aae8;
		outline-offset: 2px;
	}

	.evostore-mobile-categories-panel {
		display: none;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin-top: 4px;
	}

	.evostore-mobile-categories.is-open .evostore-mobile-categories-panel {
		display: block;
	}

	.evostore-mobile-categories .moduletable_menu,
	.evostore-mobile-categories ul.VMmenu,
	.evostore-mobile-categories .VMmenu ul,
	.evostore-mobile-categories .VMmenu li {
		max-height: none !important;
		max-width: none !important;
		visibility: visible !important;
	}

	.evostore-mobile-categories .moduletable_menu,
	.evostore-mobile-categories .module-content,
	.evostore-mobile-categories .VMmenu {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	.evostore-mobile-categories .VMmenu > li,
	.evostore-mobile-categories .VMmenu ul.menu > li {
		margin: 0 0 3px !important;
		padding: 0 !important;
	}

	.evostore-mobile-categories .VMmenu li > div {
		position: relative;
		max-width: 100%;
	}

	.evostore-mobile-categories .VMmenu li > div > a {
		display: block;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.evostore-mobile-categories .VMmenu > li > div > a:has(+ .VmArrowdown) {
		padding-right: 38px !important;
	}

	.evostore-mobile-categories .VMmenu > li > div > .VmArrowdown {
		background-image: none !important;
	}

	.evostore-mobile-categories .VMmenu > li > div > .VmArrowdown::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 7px;
		height: 7px;
		box-sizing: border-box;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translate(-50%, -65%) rotate(45deg);
		transition: transform 180ms ease;
	}

	.evostore-mobile-categories .VMmenu > li.VmOpen > div > .VmArrowdown::before {
		transform: translate(-50%, -35%) rotate(225deg);
	}

	.evostore-mobile-categories .VMmenu ul.menu {
		margin: 3px 0 0 !important;
		padding: 0 !important;
	}

	.evostore-mobile-categories .VMmenu ul.menu li a {
		padding: 7px 10px 7px 30px !important;
	}

}

@media (max-width: 767px) {

    /* Первый уровень */
    .evostore-mobile-categories
    .module-content > ul.menu > li > div > a {
        padding: 8px 10px !important;
    }

    /* Второй уровень */
    .evostore-mobile-categories
    .module-content > ul.menu > li > ul.menu > li > div > a {
        padding: 6px 10px !important;
    }

	.evostore-mobile-categories
	.module-content > ul.menu > li.evostore-mobile-category-parent > div {
		display: flex;
		align-items: stretch;
	}

	.evostore-mobile-categories
	.module-content > ul.menu > li.evostore-mobile-category-parent > div > a {
		flex: 1 1 auto;
		min-width: 0;
	}

	.evostore-mobile-category-chevron {
		position: relative;
		flex: 0 0 38px;
		width: 38px;
		min-width: 38px;
		margin: 0;
		padding: 0;
		border: 0;
		background: #62aae8 !important;
		box-shadow: none;
		cursor: pointer;
	}

	.evostore-mobile-category-chevron::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 7px;
		height: 7px;
		box-sizing: border-box;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translate(-50%, -65%) rotate(45deg);
		transition: transform 180ms ease;
	}

	.evostore-mobile-category-parent.is-open
	> div > .evostore-mobile-category-chevron::before {
		transform: translate(-50%, -35%) rotate(225deg);
	}

	.evostore-mobile-category-chevron:focus-visible {
		outline: 2px solid #fff;
		outline-offset: -4px;
	}

	.evostore-mobile-category-parent:not(.is-open) > ul.menu {
		display: none !important;
	}

	.evostore-mobile-category-parent.is-open > ul.menu {
		display: block !important;
	}
}

/* VirtueMart Ask a Question — guest login and form presentation. */
body.contentpane .ask-a-question-view table.askform,
body.contentpane .ask-a-question-view table.askform tr,
body.contentpane .ask-a-question-view table.askform th,
body.contentpane .ask-a-question-view table.askform td {
	border-top: 0;
	border-bottom: 0;
}

body.contentpane .ask-a-question-view table.askform td {
	padding-top: 5px;
	padding-bottom: 5px;
}

body.contentpane .ask-a-question-view input#name,
body.contentpane .ask-a-question-view input#email {
	box-sizing: border-box;
	height: 34px;
	min-height: 34px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	max-width: 100%;
}

body.contentpane .ask-a-question-view .submit > div {
	display: flex;
	align-items: center;
	gap: 12px;
}

body.contentpane .ask-a-question-view .submit > div > .width50 {
	float: none;
	box-sizing: border-box;
}

body.contentpane .ask-a-question-view .submit > div > .text-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

body.contentpane .ask-a-question-view .submit label[for="counter"] {
	margin: 0;
}

body.contentpane .ask-a-question-view input.counter {
	box-sizing: border-box;
	width: 52px !important;
	height: 34px;
	min-height: 34px;
	margin: 0;
	padding: 6px 8px;
	text-align: center;
}

@media (max-width: 767px) {
	#fancybox-wrap:has(#fancybox-content > iframe#fancybox-frame[src*="task=askquestion"]) {
		left: 10px !important;
		right: 10px !important;
		width: auto !important;
		box-sizing: border-box;
	}

	#fancybox-wrap:has(#fancybox-content > iframe#fancybox-frame[src*="task=askquestion"]) #fancybox-outer,
	#fancybox-wrap:has(#fancybox-content > iframe#fancybox-frame[src*="task=askquestion"]) #fancybox-content {
		box-sizing: border-box;
		max-width: 100%;
	}

	#fancybox-wrap:has(#fancybox-content > iframe#fancybox-frame[src*="task=askquestion"]) #fancybox-content,
	#fancybox-wrap:has(#fancybox-content > iframe#fancybox-frame[src*="task=askquestion"]) #fancybox-frame {
		width: 100% !important;
	}

	#fancybox-wrap:has(#fancybox-content > iframe#fancybox-frame[src*="task=askquestion"]) #fancybox-close {
		top: 0;
		right: 0;
	}

	body.contentpane .ask-a-question-view {
		box-sizing: border-box;
		padding: 15px;
	}

	body.contentpane .ask-a-question-view .form-field textarea.field {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
	}

	body.contentpane .ask-a-question-view .submit > div {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	body.contentpane .ask-a-question-view .submit > div > .width50 {
		width: 100%;
	}

	body.contentpane .ask-a-question-view .submit > div > .text-right {
		justify-content: flex-start;
	}
}

/* Joomla/VirtueMart info message — mobile marker collision only. */
@media (max-width: 767px) {
	#system-message-container joomla-alert[type="info"] div.alert-heading > span.info {
		padding: 0;
		margin: 0;
		height: auto;
		background: none;
		border: 0;
		box-shadow: none;
		color: inherit;
	}
}

/* VirtueMart homepage product modules — responsive native carousel. */
.evostore-product-carousel {
	position: relative;
}

.moduletable_products:has(> .module-content > .evostore-product-carousel) > h3 {
	margin-bottom: 8px;
}

.evostore-product-carousel__controls {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: 2px 0 14px;
}

.evostore-product-carousel__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	min-width: 40px;
	padding: 0;
	border: 2px solid #5e96c6 !important;
	border-radius: 20px;
	background: #ffffff !important;
	box-shadow: 0 2px 6px rgba(94, 150, 198, 0.2);
	color: #5e96c6 !important;
	font-size: 30px;
	font-weight: normal;
	line-height: 1;
	cursor: pointer;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.evostore-product-carousel__button:hover,
.evostore-product-carousel__button:focus-visible {
	border-color: #62aae8 !important;
	background: #62aae8 !important;
	color: #ffffff !important;
	outline: 3px solid rgba(98, 170, 232, 0.35);
	outline-offset: 2px;
}

.evostore-product-carousel__button:disabled {
	border-color: #a9c8e2 !important;
	background: #f7fafc !important;
	box-shadow: none;
	color: #86afd1 !important;
	opacity: 0.72;
	cursor: default;
}

.evostore-product-carousel__button:disabled:hover {
	border-color: #a9c8e2 !important;
	background: #f7fafc !important;
	color: #86afd1 !important;
}

.evostore-product-carousel__viewport {
	display: flex !important;
	align-items: stretch;
	flex-wrap: nowrap !important;
	gap: 20px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	padding: 10px 0 12px !important;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.evostore-product-carousel__viewport::-webkit-scrollbar {
	display: none;
}

.evostore-product-carousel__viewport > li {
	display: flex !important;
	flex-direction: column;
	float: none !important;
	flex: 0 0 calc((100% - 60px) / 4) !important;
	box-sizing: border-box;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	scroll-snap-align: start;
}

.evostore-product-carousel__viewport > li > .spacer {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	height: auto !important;
}

.evostore-product-carousel .pr-img-handler {
	flex: 0 0 auto;
	height: auto;
}

.evostore-product-carousel .product-el-handler {
	margin-top: auto;
	padding-top: 10px;
}

.evostore-product-carousel__viewport:focus-visible {
	outline: 2px solid #62aae8;
	outline-offset: 3px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.evostore-product-carousel__viewport > li {
		flex-basis: calc((100% - 20px) / 2) !important;
	}
}

@media (max-width: 767px) {
	.evostore-product-carousel__controls {
		margin-bottom: 10px;
	}

	.evostore-product-carousel__viewport {
		gap: 12px;
	}

	.evostore-product-carousel__viewport > li {
		flex-basis: 100% !important;
	}
}

/* Homepage Preview — static responsive hero. */
.homepage-main .homepage-hero {
	position: relative;
	box-sizing: border-box;
	height: clamp(380px, 31vw, 420px);
	margin: 0 0 32px;
	overflow: hidden;
	background: #5e96c6;
}

.homepage-main .homepage-hero::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(12, 67, 116, 0.58) 0%, rgba(12, 67, 116, 0.28) 42%, rgba(12, 67, 116, 0) 68%);
	content: "";
	pointer-events: none;
}

.homepage-main .homepage-hero__media,
.homepage-main .homepage-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
}

.homepage-main .homepage-hero__media {
	position: absolute;
	inset: 0;
}

.homepage-main .homepage-hero__media img {
	object-fit: cover;
	object-position: center;
}

.homepage-main .homepage-hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	width: min(54%, 650px);
	height: 100%;
	padding: 34px 46px;
	color: #ffffff;
}

.homepage-main .homepage-hero__content h1 {
	margin: 0 0 14px;
	color: #ffffff;
	font-size: clamp(32px, 3.2vw, 46px);
	font-weight: 500;
	line-height: 1.08;
	text-shadow: 0 1px 3px rgba(0, 42, 79, 0.35);
}

.homepage-main .homepage-hero__content p {
	max-width: 570px;
	margin: 0 0 22px;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.45;
	text-shadow: 0 1px 2px rgba(0, 42, 79, 0.32);
}

.homepage-main .homepage-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.homepage-main .homepage-hero__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 40px;
	padding: 9px 19px;
	border: 1px solid #ffffff;
	border-radius: 20px;
	background: #ffffff;
	color: #5e96c6;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.homepage-main .homepage-hero__action:hover,
.homepage-main .homepage-hero__action:focus-visible {
	border-color: #62aae8;
	background: #62aae8;
	color: #ffffff;
	text-decoration: none;
}

.homepage-main .homepage-hero__action:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.75);
	outline-offset: 2px;
}

.homepage-main .homepage-hero__action--secondary {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

@media (max-width: 767px) {
	.homepage-main .homepage-hero {
		height: 400px;
		margin-bottom: 24px;
	}

	.homepage-main .homepage-hero::after {
		background: linear-gradient(90deg, rgba(9, 61, 108, 0.76) 0%, rgba(9, 61, 108, 0.52) 50%, rgba(9, 61, 108, 0.08) 84%);
	}

	.homepage-main .homepage-hero__media img {
		object-position: center;
	}

	.homepage-main .homepage-hero__content {
		width: 68%;
		padding: 22px 16px;
	}

	.homepage-main .homepage-hero__content h1 {
		margin-bottom: 10px;
		font-size: clamp(25px, 7.2vw, 30px);
		line-height: 1.08;
	}

	.homepage-main .homepage-hero__content p {
		margin-bottom: 14px;
		font-size: 14px;
		line-height: 1.35;
	}

	.homepage-main .homepage-hero__actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.homepage-main .homepage-hero__action {
		min-height: 36px;
		padding: 7px 14px;
		font-size: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.homepage-main .homepage-hero__action {
		transition: none;
	}
}

/* Homepage Preview — nine approved landing-page cards (module 241 only). */
.homepage-main .homepage-key-categories {
	box-sizing: border-box;
	max-width: 1240px;
	margin: 0 auto 56px;
	padding: 0 20px;
}

.homepage-main .homepage-key-categories__heading {
	margin: 0 0 24px;
	color: #3d739f;
	font-size: clamp(26px, 2.4vw, 34px);
	font-weight: 600;
	line-height: 1.2;
}

.homepage-main .homepage-key-categories__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.homepage-main .homepage-key-categories__card {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	overflow: hidden;
	border: 1px solid #d8e7f3;
	border-radius: 14px;
	background: #ffffff;
	color: #3d739f;
	text-decoration: none;
	box-shadow: 0 2px 9px rgba(38, 95, 144, 0.09);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.homepage-main .homepage-key-categories__card:hover,
.homepage-main .homepage-key-categories__card:focus-visible {
	border-color: #62aae8;
	color: #2b6797;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(38, 95, 144, 0.16);
	transform: translateY(-2px);
}

.homepage-main .homepage-key-categories__card:focus-visible {
	outline: 3px solid #62aae8;
	outline-offset: 3px;
}

.homepage-main .homepage-key-categories__media {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 300px;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	background: #f7fbfe;
}

.homepage-main .homepage-key-categories__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 300px;
	object-fit: contain;
}

.homepage-main .homepage-key-categories__title {
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 18px 20px 22px;
	color: inherit;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
}

.homepage-main .homepage-key-categories__card > p {
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 1199px) {
	.homepage-main .homepage-key-categories__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.homepage-main .homepage-key-categories {
		margin-bottom: 40px;
		padding: 0 16px;
	}

	.homepage-main .homepage-key-categories__heading {
		margin-bottom: 18px;
	}

	.homepage-main .homepage-key-categories__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.homepage-main .homepage-key-categories__title {
		padding: 16px 18px 18px;
		font-size: 19px;
	}

	.homepage-main .homepage-key-categories__card > p {
		padding-left: 18px;
		padding-right: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.homepage-main .homepage-key-categories__card {
		transition: none;
	}

	.homepage-main .homepage-key-categories__card:hover,
	.homepage-main .homepage-key-categories__card:focus-visible {
		transform: none;
	}
}

/* Homepage Preview — About module 242 callout only. */
.homepage-main .homepage-about {
	box-sizing: border-box;
	border-left: 8px solid #5e96c6;
	padding: 12px 20px 12px 28px !important;
}

@media (max-width: 767px) {
	.homepage-main .homepage-about {
		padding: 8px 16px 8px 20px !important;
	}
}

/* Homepage landing pages — shared article presentation; pilot: Synthesized Peptides. */
.homepage-landing-page {
	max-width: 900px;
	margin: 0 auto 48px;
}

.homepage-landing-page .homepage-landing-intro {
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
	align-items: center;
	gap: 26px;
	padding: 20px;
	border: 1px solid #dcebf7;
	border-radius: 14px;
	background: #f7fbfe;
}

.homepage-landing-page .homepage-landing-image {
	width: 100%;
	max-width: 300px;
	margin: 0;
}

.homepage-landing-page .homepage-landing-image img {
	display: block;
	width: 100%;
	height: auto;
}

.homepage-landing-page .homepage-landing-intro p {
	margin: 0;
	line-height: 1.6;
}

.homepage-landing-page h2 {
	margin: 30px 0 16px;
}

.homepage-landing-page .homepage-landing-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.homepage-landing-page .homepage-landing-link {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	min-height: 52px;
	padding: 12px 16px;
	border: 1px solid #5e96c6;
	border-radius: 12px;
	background: #5e96c6;
	color: #fff !important;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease;
}

.homepage-landing-page .homepage-landing-link:hover,
.homepage-landing-page .homepage-landing-link:focus-visible {
	border-color: #62aae8;
	background: #62aae8;
	color: #fff !important;
}

.homepage-landing-page .homepage-landing-link:focus-visible {
	outline: 3px solid #365f86;
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.homepage-landing-page .homepage-landing-intro {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
		padding: 16px;
	}

	.homepage-landing-page .homepage-landing-image {
		max-width: 240px;
		margin: 0 auto;
	}

	.homepage-landing-page .homepage-landing-links {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.homepage-landing-page .homepage-landing-link {
		transition: none;
	}
}

/* Preserve page headings; remove only the legacy Bootstrap divider. */
.page-header {
	border-bottom: 0;
}

/* Task 39A: editable Important Notice modules 183-188. */
.important-notice {
	box-sizing: border-box;
	width: 334px;
	max-width: 100%;
	margin: 0 auto;
	padding: clamp(8px, 5%, 16px);
	background: #5e96c6;
	container-type: inline-size;
	font-family: Arial, sans-serif;
	text-align: center;
}

.important-notice__title {
	padding: 10px 4px;
	background: #fff;
	color: #4e7fa8;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.important-notice__message {
	box-sizing: border-box;
	border: 12px solid #fff;
	border-top: 0;
	padding: 14px 8px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.important-notice__message p {
	margin: 0;
	font: inherit;
	color: inherit;
}

.important-notice__message p + p {
	margin-top: 12px;
}

@container (max-width: 220px) {
	.important-notice__title {
		padding: 8px 4px;
		font-size: 16px;
	}

	.important-notice__message {
		border-width: 8px;
		border-top: 0;
		padding: 10px 6px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.important-notice {
		padding: 12px;
	}
}

/* Task 39B: keep ordering controls and spacing, remove only the dividers. */
.orderby-displaynumber {
	border-top: none;
	border-bottom: none;
}