/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Astra child theme for Npay TechHub with Porto-compatible header and footer components.
Author: Npay TechHub
Template: astra
Version: 2.0.0
Text Domain: astra-child
*/

:root {
	--npay-container:  1200px;
	--npay-accent:     #7aa93c;
	--npay-accent-hover: #5f8c26;
	--npay-blue:       #0088cc;
	--npay-dark:       #222529;
	--npay-ink:        #222529;
	--npay-muted:      #777777;
	--npay-border:     #e7e7e7;
	--npay-light:      #f4f4f4;
	--npay-white:      #ffffff;
	--npay-topbar-bg:  #222529;
	--npay-topbar-txt: #c5c5c5;
	--npay-footer-bg:  #222529;
	--npay-footer-txt: #999;
	--npay-radius:     3px;
}

.npay-porto-header,
.npay-porto-footer {
	font-family: inherit;
}

.npay-container {
	box-sizing: border-box;
	max-width: var(--npay-container);
	margin: 0 auto;
	padding: 0 20px;
}

/* ===========================================
   HEADER — TOP BAR (dark, like reference site)
   =========================================== */
.npay-header-top {
	background: #222529 !important;
	background: var(--npay-topbar-bg, #222529) !important;
	color: #c5c5c5 !important;
	color: var(--npay-topbar-txt, #c5c5c5) !important;
	font-size: 12px;
	line-height: 1.4;
}

.npay-header-top .npay-container,
.npay-header-main .npay-container,
.npay-main-menu-wrap .npay-container,
.npay-footer-bottom .npay-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.npay-header-top .npay-container {
	min-height: 38px;
}

.npay-promo-text {
	color: #c5c5c5;
	color: var(--npay-topbar-txt, #c5c5c5);
	font-size: 12px;
	letter-spacing: 0.02em;
}

.npay-top-links a {
	color: #c5c5c5;
	color: var(--npay-topbar-txt, #c5c5c5);
	font-size: 12px;
	text-decoration: none;
	transition: color 0.15s;
}

.npay-top-links a:hover {
	color: #fff;
}

.npay-top-right,
.npay-top-links,
.npay-socials,
.npay-header-actions,
.npay-cart-link {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Top bar links list */
.npay-top-links {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

.npay-top-links li {
	display: inline-flex;
	align-items: center;
}

.npay-top-links li:not(:last-child)::after {
	content: '|';
	margin: 0 7px;
	color: #444;
	font-size: 11px;
}

.npay-top-links a {
	color: var(--npay-topbar-txt);
	font-size: 12px;
	text-decoration: none;
	transition: color 0.15s;
}

.npay-top-links a:hover {
	color: #fff;
}

.npay-top-right {
	min-width: 0;
	flex-wrap: nowrap;
}


.npay-welcome-msg {
	max-width: 100%;
	white-space: normal;
}

.npay-top-menu ul,
.npay-main-menu ul,
.npay-mobile-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.npay-top-menu ul,
.npay-main-menu > ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 22px;
}

/* ===========================================
   HEADER — MAIN BAR (white, search/logo/cart)
   =========================================== */
.npay-header-main {
	background: #fff;
	border-bottom: 1px solid var(--npay-border);
}


.npay-header-main .npay-container {
	min-height: 96px;
}

.npay-header-left,
.npay-header-center,
.npay-header-right {
	flex: 1 1 0;
	min-width: 0;
}

.npay-header-center {
	display: flex;
	justify-content: center;
}

.npay-header-right {
	display: flex;
	justify-content: flex-end;
}

.npay-header-actions {
	flex-wrap: nowrap;
	justify-content: flex-end;
	gap: 18px;
	min-width: 0;
}

.npay-logo img {
	display: block;
	width: min(280px, 38vw);
	height: auto;
}

.npay-logo-text {
	color: var(--npay-ink);
	font-size: 26px;
	font-weight: 700;
	text-decoration: none;
}

/* Search form — open border, green submit button */
.npay-search-form {
	display: flex;
	width: min(460px, 100%);
	border: 1px solid var(--npay-border);
	border-radius: var(--npay-radius);
	overflow: hidden;
	background: #fff;
	transition: border-color 0.15s;
}

.npay-search-form:focus-within {
	border-color: var(--npay-accent);
}

.npay-search-form input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 42px;
	padding: 0 14px;
	border: 0;
	outline: 0;
	font-size: 13px;
	box-shadow: none;
	background: transparent;
}

.npay-search-form button,
.npay-mobile-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 0;
	background: var(--npay-accent);
	color: #fff;
	box-shadow: none;
	cursor: pointer;
	transition: background 0.15s;
}

.npay-search-form button:hover,
.npay-mobile-toggle:hover {
	background: var(--npay-accent-hover);
}

.npay-search-form button {
	width: 48px;
	min-width: 48px;
	font-size: 16px;
}

.npay-mobile-toggle {
	display: none;
	width: 42px;
	height: 42px;
	margin-left: 8px;
}


/* Contact link (phone number in header) */
.npay-contact {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: var(--npay-ink);
}

.npay-contact .fa-phone,
.npay-contact .dashicons-phone {
	font-size: 24px;
	color: var(--npay-accent);
}

.npay-contact-label {
	display: block;
	color: var(--npay-muted);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	line-height: 1.2;
}

.npay-contact-value {
	color: var(--npay-ink);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

/* Icon links: account, socials */
.npay-icon-link,
.npay-account-link,
.npay-socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--npay-border);
	border-radius: 50%;
	color: var(--npay-ink);
	font-size: 14px;
	text-decoration: none;
	transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.npay-icon-link:hover,
.npay-account-link:hover {
	color: var(--npay-accent);
	border-color: var(--npay-accent);
}

/* Socials — in topbar (dark bg) */
.npay-socials a {
	border-color: #444;
	color: var(--npay-topbar-txt);
	width: 26px;
	height: 26px;
	font-size: 12px;
}

.npay-socials a:hover {
	background: var(--npay-accent);
	border-color: var(--npay-accent);
	color: #fff;
}

/* Cart link */
.npay-cart-link {
	position: relative;
	font-weight: 700;
	gap: 6px;
	text-decoration: none;
	color: var(--npay-ink);
	font-size: 20px;
}

.npay-mobile-cart-link {
	display: none;
}

.npay-cart-count {
	position: absolute;
	top: -9px;
	right: -10px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--npay-accent);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

.npay-cart-total {
	font-size: 14px;
	font-weight: 700;
	color: var(--npay-ink);
}


/* ===========================================
   NAVIGATION BAR
   =========================================== */
.npay-main-menu-wrap {
	background: #fff;
	border-bottom: 2px solid var(--npay-border);
}

.npay-main-menu-wrap .npay-container {
	justify-content: center;
	min-height: 50px;
}

.npay-main-menu {
	width: 100%;
}

.npay-main-menu li {
	position: relative;
}

.npay-main-menu > ul {
	justify-content: flex-start;
	gap: 0;
}

.npay-main-menu > ul > li > a {
	padding: 16px 18px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--npay-ink);
	text-decoration: none;
	position: relative;
	display: block;
	transition: color 0.15s;
}

.npay-main-menu > ul > li > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 18px;
	right: 18px;
	height: 2px;
	background: var(--npay-accent);
	transform: scaleX(0);
	transition: transform 0.2s ease;
}

.npay-main-menu > ul > li:hover > a,
.npay-main-menu > ul > li.current-menu-item > a,
.npay-main-menu > ul > li.current-menu-ancestor > a {
	color: var(--npay-accent);
}

.npay-main-menu > ul > li:hover > a::after,
.npay-main-menu > ul > li.current-menu-item > a::after {
	transform: scaleX(1);
}

.npay-main-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
	display: none;
	min-width: 220px;
	margin: 0;
	padding: 8px 0;
	background: #fff;
	border-top: 2px solid var(--npay-accent);
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.npay-main-menu li:hover > .sub-menu,
.npay-main-menu li:focus-within > .sub-menu {
	display: block;
}

.npay-main-menu .sub-menu .sub-menu {
	top: 0;
	left: 100%;
}

.npay-main-menu .sub-menu a {
	display: block;
	padding: 9px 18px;
	color: var(--npay-ink);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.15s, background 0.15s;
}

.npay-main-menu .sub-menu a:hover {
	color: var(--npay-accent);
	background: var(--npay-light);
}


.npay-mobile-panel {
	position: fixed;
	inset: 0 auto 0 0;
	z-index: 99999;
	width: min(320px, 86vw);
	padding: 24px;
	background: #fff;
	box-shadow: 8px 0 28px rgba(0, 0, 0, 0.18);
	transform: translateX(-105%);
	transition: transform 180ms ease;
}

.npay-mobile-open .npay-mobile-panel {
	transform: translateX(0);
}

.npay-mobile-panel a {
	display: block;
	padding: 11px 0;
	border-bottom: 1px solid var(--npay-border);
	color: var(--npay-ink);
	font-weight: 700;
	text-decoration: none;
}

.npay-mobile-panel .sub-menu {
	padding-left: 14px;
}

.npay-mobile-panel .sub-menu a {
	font-size: 13px;
	font-weight: 600;
}

.npay-mobile-close {
	margin-bottom: 16px;
	padding: 8px 0;
	border: 0;
	background: transparent;
	color: var(--npay-ink);
	font-weight: 700;
	cursor: pointer;
}

/* ===========================================
   FOOTER
   =========================================== */
.npay-porto-footer {
	background: var(--npay-footer-bg);
	color: var(--npay-footer-txt);
	font-size: 14px;
	line-height: 1.7;
}

/* Newsletter bar */
.npay-footer-newsletter-bar {
	padding: 28px 0 24px;
	border-bottom: 1px solid rgba(255,255,255,0.07);
}

.npay-newsletter-inner {
	display: flex;
	align-items: center;
	gap: 40px;
	flex-wrap: wrap;
}

.npay-newsletter-text {
	flex: 1 1 260px;
}

.npay-newsletter-text strong {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.npay-newsletter-text p {
	margin: 0;
	color: var(--npay-footer-txt);
	font-size: 13px;
}

.npay-newsletter-form {
	display: flex;
	flex: 1 1 340px;
	max-width: 480px;
	height: 42px;
	border-radius: var(--npay-radius);
	overflow: hidden;
}

.npay-newsletter-form input[type="email"] {
	flex: 1 1 auto;
	height: 100%;
	padding: 0 16px;
	border: none;
	outline: none;
	font-size: 13px;
	background: #fff;
	color: var(--npay-ink);
}

.npay-newsletter-form button {
	padding: 0 22px;
	background: var(--npay-accent);
	color: #fff;
	border: none;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s;
}

.npay-newsletter-form button:hover {
	background: var(--npay-accent-hover);
}

/* Footer divider */
.npay-footer-divider {
	height: 1px;
	background: rgba(255,255,255,0.07);
}

/* Footer main columns */
.npay-footer-main {
	padding: 42px 0 28px;
}

.npay-footer-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 36px 30px;
}

.npay-porto-footer .widget {
	margin: 0 0 16px;
}

.npay-porto-footer .widget-title,
.npay-porto-footer h2,
.npay-porto-footer h3,
.npay-porto-footer h4 {
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.npay-porto-footer a {
	color: var(--npay-footer-txt);
	text-decoration: none;
	transition: color 0.15s;
}

.npay-porto-footer a:hover {
	color: #fff;
}

.npay-porto-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.npay-porto-footer ul li {
	margin-bottom: 6px;
	font-size: 13px;
}

/* Contact info widget inside footer */
.npay-cinfo-block {
	font-size: 13px;
	color: var(--npay-footer-txt);
	color: #999;
	line-height: 1.8;
}

.npay-cinfo-block strong {
	color: #fff;
}

.npay-cinfo-block a {
	color: var(--npay-footer-txt);
	color: #999;
}

/* Contact info widget list (Npay_Contact_Info_Widget) */
.npay-contact-info-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.npay-contact-info-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 5px 0;
	border-bottom: none !important;
	font-size: 13px;
}

.npay-contact-info-item .fa-solid {
	flex-shrink: 0;
	width: 18px;
	margin-top: 3px;
	font-size: 14px;
	color: var(--npay-accent);
	color: #7aa93c;
}

.npay-contact-info-item > div {
	display: flex;
	flex-direction: column;
}

.npay-ci-label {
	display: block;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: rgba(255,255,255,0.5);
	margin-bottom: 1px;
}

.npay-ci-value,
.npay-contact-info-item a {
	color: #c5c5c5;
	font-size: 13px;
	text-decoration: none;
	word-break: break-word;
}

.npay-contact-info-item a:hover {
	color: #fff;
}


.npay-cinfo-socials {
	display: flex;
	gap: 8px;
	margin-top: 14px;
}

.npay-cinfo-socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	color: var(--npay-footer-txt);
	font-size: 13px;
	transition: all 0.15s;
}

.npay-cinfo-socials a:hover {
	background: var(--npay-accent);
	border-color: var(--npay-accent);
	color: #fff;
}

/* Footer bottom bar */
.npay-footer-bottom {
	border-top: 1px solid rgba(255,255,255,0.07);
	padding: 16px 0;
}

.npay-footer-bottom .npay-container {
	align-items: center;
}

.npay-footer-copyright {
	margin: 0;
	color: var(--npay-footer-txt);
	font-size: 13px;
}

/* Payment icons */
.npay-payment-icons {
	display: flex;
	align-items: center;
	gap: 6px;
}

.npay-pay-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 28px;
	padding: 0 8px;
	border-radius: 3px;
	background: rgba(255,255,255,0.08);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
	letter-spacing: 0.02em;
}

.npay-pay-visa {
	font-size: 14px;
	font-style: italic;
	background: #1a1f71;
	letter-spacing: 0.04em;
}

.npay-pay-paypal {
	background: #003087;
	color: #fff;
}

.npay-pay-stripe {
	background: #6772e5;
}

.npay-pay-verisign {
	background: #005a8b;
	font-size: 10px;
}

.npay-payment-img {
	display: block;
	max-width: 220px;
	height: auto;
}


.npay-sticky-mobile-bar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	display: none;
	grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
	background: #fff;
	border-top: 1px solid var(--npay-border);
	box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.08);
}

.npay-sticky-mobile-bar a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	color: var(--npay-ink);
	font-size: 11px;
	text-decoration: none;
}

.woocommerce ul.products,
.woocommerce-page ul.products,
.porto-products ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	clear: both;
	margin: 0 0 36px !important;
	padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
	display: none !important;
	content: none !important;
}

.woocommerce ul.products.columns-5,
.woocommerce-page ul.products.columns-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.woocommerce ul.products.columns-3,
.woocommerce-page ul.products.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.woocommerce ul.products.columns-2,
.woocommerce-page ul.products.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Product card */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product,
.woocommerce ul.products li.ast-grid-common-col,
.woocommerce-page ul.products li.ast-grid-common-col {
	float: none !important;
	clear: none !important;
	display: flex !important;
	flex-direction: column;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--npay-border);
	border-radius: var(--npay-radius);
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.2s;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
	box-shadow: 0 6px 24px rgba(0,0,0,0.1);
}

/* Thumbnail wrapper */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1 / 1;
	background: var(--npay-light);
}

.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link {
	display: block;
	width: 100%;
}

.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img,
.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.woocommerce ul.products li.product:hover .astra-shop-thumbnail-wrap img,
.woocommerce-page ul.products li.product:hover .astra-shop-thumbnail-wrap img {
	transform: scale(1.04);
}

/* Product badges (NEW, SALE, HOT) */
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	min-width: 0;
	width: auto;
	padding: 2px 8px;
	border-radius: 2px;
	background: var(--npay-accent);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 20px;
	height: auto;
	margin: 0;
}

/* Summary area */
.woocommerce ul.products li.product .astra-shop-summary-wrap,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	padding: 12px 14px 14px;
}

/* Category */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .woocommerce-loop-category__title small,
.woocommerce-page ul.products li.product .ast-woo-product-category {
	display: block;
	margin-bottom: 2px;
	color: var(--npay-muted);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	min-height: 2.6em;
	margin: 2px 0 6px;
	overflow: hidden;
	color: var(--npay-ink);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* Price */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
	margin: 0 0 10px;
	color: var(--npay-ink);
	font-size: 16px;
	font-weight: 700;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
	color: var(--npay-muted);
	font-size: 13px;
	font-weight: 400;
}

/* Add to cart row — qty input + button */
.woocommerce ul.products li.product .astra-shop-summary-wrap .quantity,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap .quantity {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.woocommerce ul.products li.product form.cart,
.woocommerce-page ul.products li.product form.cart {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	width: 100%;
}

.woocommerce ul.products li.product .quantity input.qty,
.woocommerce-page ul.products li.product .quantity input.qty {
	width: 44px;
	height: 34px;
	border: 1px solid var(--npay-border);
	border-radius: var(--npay-radius);
	text-align: center;
	font-size: 13px;
}

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	background: var(--npay-dark);
	color: #fff;
	border: 1px solid var(--npay-dark);
	border-radius: var(--npay-radius);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s, color 0.15s;
	margin-top: auto;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
	background: var(--npay-accent);
	border-color: var(--npay-accent);
	color: #fff;
}

.woocommerce .products .ast-on-card-button {
	z-index: 2;
}


.home-sale-banner .porto-ultimate-content-box {
	color: #fff;
}

.home-sale-banner .porto-ultimate-content-box h3,
.home-sale-banner .porto-ultimate-content-box h3 *,
.home-sale-banner .porto-ultimate-content-box h5:not(:first-child),
.home-sale-banner .porto-ultimate-content-box h5:not(:first-child) * {
	color: #fff !important;
}

.home-sale-banner .porto-ultimate-content-box h3 {
	font-weight: 700;
}

.home-sale-banner .porto-ultimate-content-box h5:not(:first-child) {
	opacity: 0.88;
	letter-spacing: 0.02em;
}

@media (max-width: 1180px) {
	.npay-header-main .npay-container {
		gap: 14px;
	}

	.npay-search-form {
		width: min(360px, 100%);
	}

	.npay-contact-value {
		font-size: 16px;
	}

	.npay-cart-total {
		font-size: 14px;
	}

	.npay-main-menu > ul {
		gap: 16px;
	}

	.npay-main-menu a {
		font-size: 13px;
	}

	.woocommerce ul.products,
	.woocommerce-page ul.products,
	.woocommerce ul.products.columns-5,
	.woocommerce-page ul.products.columns-5,
	.porto-products ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 921px) {
	.npay-header-top .npay-container {
		justify-content: center;
		text-align: center;
	}

	.npay-top-right {
		justify-content: center;
	}

	.npay-top-left,
	.npay-top-links,
	.npay-socials,
	.npay-contact,
	.npay-main-menu-wrap {
		display: none;
	}

	.npay-header-main .npay-container {
		min-height: 72px;
		position: relative;
	}

	.npay-header-left {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
	}

	.npay-header-center {
		justify-content: center;
		flex: 1 1 auto;
	}

	.npay-header-right {
		position: absolute;
		top: 50%;
		right: 20px;
		z-index: 2;
		flex: 0 0 auto;
		min-width: 34px;
		transform: translateY(-50%);
	}

	.npay-account-link {
		display: none;
	}

	.npay-desktop-cart-link {
		display: none;
	}

	.npay-logo img {
		width: min(240px, 52vw);
	}

	.npay-search-form {
		display: none;
	}

	.npay-mobile-panel .npay-search-form {
		display: flex;
		width: 100%;
		margin-top: 18px;
	}

	.npay-mobile-toggle {
		display: inline-flex;
	}

	.npay-cart-total {
		display: none;
	}

	.npay-cart-link {
		display: inline-flex;
		width: 30px;
		height: 30px;
		border-radius: 4px;
		background: var(--npay-accent);
		color: #fff !important;
	}

	.npay-cart-link .dashicons {
		color: #fff !important;
	}

	.npay-cart-count {
		top: -7px;
		right: -7px;
		background: var(--npay-ink);
	}

	.npay-porto-header .dashicons {
		width: 22px;
		height: 22px;
		font-size: 22px;
		line-height: 22px;
	}

	.npay-footer-bottom .npay-container {
		flex-direction: column;
		text-align: center;
	}

	.npay-sticky-mobile-bar {
		display: grid;
	}

	body.npay-has-sticky-mobile-bar {
		padding-bottom: 58px;
	}

	.home-banner-slider .porto-ibanner,
	.home-banner-slider .porto-ibanner img {
		min-height: 360px !important;
	}

	.home-banner-slider .porto-ibanner-layer {
		max-width: 54%;
	}

	.home-banner-slider h2 {
		font-size: clamp(22px, 7vw, 30px) !important;
		line-height: 1.05 !important;
	}

	.home-banner-slider h3 {
		font-size: clamp(38px, 12vw, 52px) !important;
		line-height: 0.9 !important;
	}

	.home-banner-slider h4 {
		font-size: clamp(15px, 4.6vw, 22px) !important;
	}

	.home-banner-slider h5 {
		font-size: 11px !important;
	}

	.home-banner-slider .coupon-sale-text {
		font-size: 22px !important;
	}

	.home-banner-slider .vc_btn3 {
		padding: 10px 16px !important;
		font-size: 13px !important;
	}

	.woocommerce ul.products,
	.woocommerce-page ul.products,
	.woocommerce ul.products.columns-5,
	.woocommerce-page ul.products.columns-5,
	.woocommerce ul.products.columns-4,
	.woocommerce-page ul.products.columns-4,
	.woocommerce ul.products.columns-3,
	.woocommerce-page ul.products.columns-3,
	.porto-products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px;
	}
}

@media (max-width: 480px) {
	.npay-container {
		padding-right: 14px;
		padding-left: 14px;
	}

	.npay-welcome-msg {
		font-size: 12px;
	}

	.npay-header-main .npay-container {
		gap: 8px;
		min-height: 66px;
	}

	.npay-header-right {
		right: 14px;
	}

	.npay-logo img {
		width: min(205px, 48vw);
	}

	.npay-mobile-toggle {
		width: 38px;
		height: 38px;
		margin-left: 0;
	}

	.npay-header-actions {
		gap: 8px;
	}

	.npay-cart-count {
		right: -8px;
	}

	.npay-footer-main {
		padding-top: 34px;
	}

	.woocommerce ul.products,
	.woocommerce-page ul.products,
	.woocommerce ul.products.columns-5,
	.woocommerce-page ul.products.columns-5,
	.woocommerce ul.products.columns-4,
	.woocommerce-page ul.products.columns-4,
	.woocommerce ul.products.columns-3,
	.woocommerce-page ul.products.columns-3,
	.woocommerce ul.products.columns-2,
	.woocommerce-page ul.products.columns-2,
	.porto-products ul.products {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
}

/* ── Fix: porto appear-animation stuck at opacity:0 causing giant gap ──────── */
.porto-products.wpb_content_element,
[data-appear-animation] {
	opacity: 1 !important;
	visibility: visible !important;
	animation: none !important;
	-webkit-animation: none !important;
	transform: none !important;
}

/* ── Fix: force 3-column layout in .products-list (col-sm-6 overrides vc_col-sm-4) */
.products-list .vc_row {
	display: flex !important;
	flex-wrap: nowrap !important;
}

.products-list .vc_column_container {
	width: 33.33333% !important;
	flex: 0 0 33.33333% !important;
	max-width: 33.33333% !important;
}

/* ── Product list widget: column heading ──────────────────────────────────── */
.products-list .wpb_heading,
.products-list .porto-title-tab h2,
.products-list h2,
.products-list h3 {
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin: 0 0 16px !important;
	padding-bottom: 10px !important;
	border-bottom: 2px solid var(--npay-accent) !important;
	color: var(--npay-ink) !important;
}

/* ── Product list widget: the ul itself ───────────────────────────────────── */
.products-list ul.products,
.products-list ul.product_list_widget {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	/* override the 4-col grid we set globally */
	grid-template-columns: none !important;
}

/* ── Product list widget: each item as a horizontal card ─────────────────── */
.products-list ul.products li.product,
.products-list ul.product_list_widget li {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 10px !important;
	border: 1px solid var(--npay-border) !important;
	border-radius: 6px !important;
	background: #fff !important;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
	transition: box-shadow 0.2s ease !important;
}

.products-list ul.products li.product:hover,
.products-list ul.product_list_widget li:hover {
	box-shadow: 0 4px 14px rgba(0,0,0,0.11) !important;
}

/* ── Product thumbnail ────────────────────────────────────────────────────── */
.products-list ul.products li.product .astra-shop-thumbnail-wrap,
.products-list ul.product_list_widget li img,
.products-list ul.products li.product img {
	width: 80px !important;
	min-width: 80px !important;
	height: 80px !important;
	max-width: 80px !important;
	object-fit: contain !important;
	aspect-ratio: 1 !important;
	flex-shrink: 0 !important;
	border-radius: 4px !important;
	background: #f6f6f6 !important;
}

/* Reset aspect-ratio override from global grid style */
.products-list ul.products li.product .astra-shop-thumbnail-wrap {
	aspect-ratio: unset !important;
	overflow: visible !important;
}

/* ── Product text area ────────────────────────────────────────────────────── */
.products-list ul.products li.product .astra-shop-summary-wrap,
.products-list ul.product_list_widget li .product-info {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	padding: 0 !important;
}

/* ── Product category ─────────────────────────────────────────────────────── */
.products-list ul.products li.product .ast-woo-product-category,
.products-list ul.product_list_widget li .ast-woo-product-category {
	font-size: 10px !important;
	color: var(--npay-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin: 0 0 2px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	width: 100% !important;
}

/* ── Product title ────────────────────────────────────────────────────────── */
.products-list ul.products li.product .woocommerce-loop-product__title,
.products-list ul.product_list_widget li .woocommerce-loop-product__title,
.products-list ul.product_list_widget li > a {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--npay-ink) !important;
	line-height: 1.35 !important;
	margin: 0 0 4px !important;
	min-height: unset !important;
	display: block !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	width: 100% !important;
	-webkit-line-clamp: unset !important;
}

/* ── Star ratings ─────────────────────────────────────────────────────────── */
.products-list .star-rating {
	font-size: 11px !important;
	margin: 2px 0 !important;
}

/* ── Price ────────────────────────────────────────────────────────────────── */
.products-list ul.products li.product .price,
.products-list ul.product_list_widget li .price,
.products-list ul.product_list_widget li ins {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--npay-accent) !important;
	margin: 4px 0 0 !important;
}

/* ── Hide Add to Cart button in this list-style widget view ───────────────── */
.products-list ul.products li.product .button,
.products-list ul.products li.product .ast-on-card-button,
.products-list ul.product_list_widget li .button {
	display: none !important;
}

/* ── Keep the site wrappers tight so no extra space is added ─────────────── */
#primary,
body .site-content,
body #content,
body .site-main {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.entry-content {
	margin-bottom: 0 !important;
}

.npay-porto-footer {
	margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   NPAY SHOP FILTER BAR
   ═══════════════════════════════════════════════════════════ */

.npay-filter-bar {
	margin-bottom: 28px;
	font-family: inherit;
}

/* ── Top row: toggle + active tags ─────────────────────────── */
.npay-filter-bar__top {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

/* Toggle button */
.npay-filter-toggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 18px;
	border: 1.5px solid var(--npay-border);
	border-radius: 6px;
	background: #fff;
	color: var(--npay-ink);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: border-color 0.18s, box-shadow 0.18s;
	position: relative;
}

.npay-filter-toggle:hover {
	border-color: var(--npay-accent);
	box-shadow: 0 2px 8px rgba(122, 169, 60, 0.15);
}

.npay-filter-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 99px;
	background: var(--npay-accent);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

/* Active filter tags */
.npay-active-filters {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.npay-active-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	border: 1px solid var(--npay-accent);
	border-radius: 99px;
	background: rgba(122, 169, 60, 0.08);
	color: var(--npay-accent);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s;
	white-space: nowrap;
}

.npay-active-tag:hover {
	background: rgba(122, 169, 60, 0.18);
	color: var(--npay-accent);
}

.npay-filter-reset-all {
	font-size: 12px;
	font-weight: 600;
	color: var(--npay-muted);
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
	padding: 4px 0;
	white-space: nowrap;
}

.npay-filter-reset-all:hover {
	color: #c0392b;
}

/* ── Filter panel (horizontal row of groups) ────────────────── */
.npay-filter-panel {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0;
	padding: 16px 20px;
	border: 1.5px solid var(--npay-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	/* Desktop: always visible */
}

/* On mobile, toggle panel visibility */
@media (max-width: 860px) {
	.npay-filter-panel {
		display: none;
		flex-direction: column;
		gap: 18px;
		padding: 18px;
	}

	.npay-filter-panel.is-open {
		display: flex;
	}
}

/* ── Each filter group ──────────────────────────────────────── */
.npay-filter-group {
	flex: 1 1 180px;
	min-width: 160px;
	padding: 0 20px;
	border-right: 1px solid var(--npay-border);
}

.npay-filter-group:first-child {
	padding-left: 0;
}

.npay-filter-group:last-child,
.npay-filter-group.npay-filter-group--sort {
	border-right: none;
}

.npay-filter-group__head {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--npay-muted);
	margin-bottom: 10px;
}

/* ── Category pills ─────────────────────────────────────────── */
.npay-filter-cats {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.npay-cat-pill {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 10px;
	border: 1.5px solid var(--npay-border);
	border-radius: 99px;
	font-size: 12px;
	font-weight: 600;
	color: var(--npay-ink);
	cursor: pointer;
	transition: all 0.15s;
	user-select: none;
	white-space: nowrap;
}

.npay-cat-pill input {
	display: none;
}

.npay-cat-pill sup {
	color: var(--npay-muted);
	font-size: 10px;
}

.npay-cat-pill:hover,
.npay-cat-pill.is-active {
	border-color: var(--npay-accent);
	background: var(--npay-accent);
	color: #fff;
}

.npay-cat-pill.is-active sup {
	color: rgba(255,255,255,0.8);
}

/* ── Price range slider ─────────────────────────────────────── */
.npay-price-slider-wrap {
	padding-top: 4px;
}

.npay-price-track {
	position: relative;
	height: 4px;
	background: #e5e5e5;
	border-radius: 99px;
	margin: 18px 0 14px;
}

.npay-price-fill {
	position: absolute;
	top: 0;
	height: 100%;
	background: var(--npay-accent);
	border-radius: 99px;
	pointer-events: none;
}

.npay-range {
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 4px;
	background: transparent;
	pointer-events: none;
	margin: 0;
}

.npay-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	border: 2.5px solid var(--npay-accent);
	box-shadow: 0 1px 6px rgba(0,0,0,0.18);
	cursor: pointer;
	pointer-events: all;
	transition: transform 0.15s, box-shadow 0.15s;
}

.npay-range::-webkit-slider-thumb:hover {
	transform: translateY(-50%) scale(1.15);
	box-shadow: 0 2px 10px rgba(122, 169, 60, 0.35);
}

.npay-range::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	border: 2.5px solid var(--npay-accent);
	box-shadow: 0 1px 6px rgba(0,0,0,0.18);
	cursor: pointer;
	pointer-events: all;
}

.npay-range:focus {
	outline: none;
}

.npay-price-display {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--npay-ink);
}

.npay-price-display__val {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	background: #f5f5f5;
	padding: 3px 8px;
	border-radius: 5px;
	font-size: 13px;
}

.npay-price-display__sym {
	color: var(--npay-muted);
	font-size: 11px;
}

.npay-price-display__dash {
	color: var(--npay-muted);
}

/* ── Rating pills ───────────────────────────────────────────── */
.npay-rating-options {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.npay-rating-pill {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 10px;
	border: 1.5px solid var(--npay-border);
	border-radius: 99px;
	font-size: 12px;
	font-weight: 600;
	color: var(--npay-ink);
	cursor: pointer;
	transition: all 0.15s;
	user-select: none;
	white-space: nowrap;
}

.npay-rating-pill input {
	display: none;
}

.npay-rating-pill small {
	font-size: 11px;
	color: var(--npay-muted);
}

.npay-rating-pill:hover,
.npay-rating-pill.is-active {
	border-color: var(--npay-accent);
	background: rgba(122, 169, 60, 0.08);
	color: var(--npay-accent);
}

.npay-rating-pill.is-active small {
	color: var(--npay-accent);
}

/* ── Sort select ────────────────────────────────────────────── */
.npay-filter-group--sort {
	flex: 0 0 auto;
	min-width: 170px;
}

.npay-sort-select {
	width: 100%;
	padding: 8px 10px;
	border: 1.5px solid var(--npay-border);
	border-radius: 6px;
	background: #fff;
	color: var(--npay-ink);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23777' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 30px;
	transition: border-color 0.15s;
}

.npay-sort-select:focus {
	outline: none;
	border-color: var(--npay-accent);
}

/* ── Actions ────────────────────────────────────────────────── */
.npay-filter-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 20px;
	border-left: 1px solid var(--npay-border);
	flex-shrink: 0;
}

.npay-filter-apply {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 22px;
	border: none;
	border-radius: 6px;
	background: var(--npay-accent);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.18s, transform 0.12s;
}

.npay-filter-apply:hover {
	background: #6a9830;
	transform: translateY(-1px);
}

.npay-filter-reset {
	font-size: 12px;
	font-weight: 600;
	color: var(--npay-muted);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-align: center;
	cursor: pointer;
}

.npay-filter-reset:hover {
	color: #c0392b;
}

/* ── Mobile responsiveness ──────────────────────────────────── */
@media (max-width: 860px) {
	.npay-filter-group {
		padding: 0;
		border-right: none;
		border-bottom: 1px solid var(--npay-border);
		padding-bottom: 16px;
		width: 100%;
	}

	.npay-filter-group:last-child,
	.npay-filter-actions {
		border: none;
		padding: 0;
	}

	.npay-filter-actions {
		flex-direction: row;
		width: 100%;
	}

	.npay-filter-apply {
		flex: 1;
	}

	.npay-filter-group--sort {
		min-width: 100%;
	}
}

@media (max-width: 480px) {
	.npay-filter-toggle {
		width: 100%;
		justify-content: center;
	}
}

/* Shop archive: left filter sidebar + product results */
.woocommerce .npay-shop-layout,
.woocommerce-page .npay-shop-layout {
	display: grid;
	grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	clear: both;
	width: 100%;
}

.npay-shop-sidebar {
	position: sticky;
	top: 18px;
	align-self: start;
}

.npay-shop-results {
	min-width: 0;
}

.npay-shop-results .woocommerce-ordering {
	display: none;
}

.npay-shop-results .woocommerce-result-count {
	float: none;
	margin: 0 0 18px;
	color: var(--npay-muted);
}

.npay-shop-results ul.products,
.woocommerce .npay-shop-results ul.products,
.woocommerce-page .npay-shop-results ul.products {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.npay-shop-sidebar .npay-filter-bar {
	margin-bottom: 0;
}

.npay-shop-sidebar .npay-filter-bar__top {
	margin-bottom: 10px;
}

.npay-shop-sidebar .npay-filter-toggle {
	width: 100%;
	justify-content: center;
	cursor: default;
}

.npay-shop-sidebar .npay-filter-toggle:hover {
	border-color: var(--npay-border);
	box-shadow: none;
}

.npay-shop-sidebar .npay-filter-panel {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 18px;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}

.npay-shop-sidebar .npay-filter-group {
	width: 100%;
	min-width: 0;
	padding: 0 0 18px;
	border-right: 0;
	border-bottom: 1px solid var(--npay-border);
}

.npay-shop-sidebar .npay-filter-group:first-child {
	padding-left: 0;
}

.npay-shop-sidebar .npay-filter-group:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

.npay-shop-sidebar .npay-filter-cats,
.npay-shop-sidebar .npay-rating-options {
	flex-direction: column;
	align-items: stretch;
}

.npay-shop-sidebar .npay-cat-pill,
.npay-shop-sidebar .npay-rating-pill {
	width: 100%;
	justify-content: flex-start;
	white-space: normal;
}

.npay-shop-sidebar .npay-price-track {
	margin-top: 22px;
}

.npay-shop-sidebar .npay-filter-actions {
	width: 100%;
	flex-direction: row;
	align-items: stretch;
	padding: 0;
	border-left: 0;
}

.npay-shop-sidebar .npay-filter-apply {
	flex: 1;
}

@media (max-width: 1100px) {
	.npay-shop-results ul.products,
	.woocommerce .npay-shop-results ul.products,
	.woocommerce-page .npay-shop-results ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 860px) {
	.woocommerce .npay-shop-layout,
	.woocommerce-page .npay-shop-layout {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.npay-shop-sidebar {
		position: static;
	}

	.npay-shop-sidebar .npay-filter-toggle {
		cursor: pointer;
	}

	.npay-shop-sidebar .npay-filter-toggle:hover {
		border-color: var(--npay-accent);
		box-shadow: 0 2px 8px rgba(122, 169, 60, 0.15);
	}

	.npay-shop-sidebar .npay-filter-panel {
		display: none;
	}

	.npay-shop-sidebar .npay-filter-panel.is-open {
		display: flex;
	}
}

/* ═══════════════════════════════════════════════════════════
   BOOTSTRAP 3 GRID COMPATIBILITY LAYER
   Required for WPBakery Page Builder columns which use
   col-xs-*, col-sm-*, col-md-*, col-lg-* classes that were
   previously provided by Porto's bootstrap.css.
   ═══════════════════════════════════════════════════════════ */

.row {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.container,
.container-fluid,
.vc_row-fluid,
[class*="vc_row"] .vc_column-inner {
	box-sizing: border-box;
	width: 100%;
}

/* Base column */
[class*="col-"],
[class*="vc_col-"] {
	box-sizing: border-box;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

/* Extra-small (xs) – all widths, applies at all breakpoints */
.col-xs-1  { width: 8.3333%; }
.col-xs-2  { width: 16.6667%; }
.col-xs-3  { width: 25%; }
.col-xs-4  { width: 33.3333%; }
.col-xs-5  { width: 41.6667%; }
.col-xs-6  { width: 50%; }
.col-xs-7  { width: 58.3333%; }
.col-xs-8  { width: 66.6667%; }
.col-xs-9  { width: 75%; }
.col-xs-10 { width: 83.3333%; }
.col-xs-11 { width: 91.6667%; }
.col-xs-12 { width: 100%; }

/* Small (sm) – ≥ 768px */
@media (min-width: 768px) {
	.col-sm-1  { width: 8.3333%; }
	.col-sm-2  { width: 16.6667%; }
	.col-sm-3  { width: 25%; }
	.col-sm-4  { width: 33.3333%; }
	.col-sm-5  { width: 41.6667%; }
	.col-sm-6  { width: 50%; }
	.col-sm-7  { width: 58.3333%; }
	.col-sm-8  { width: 66.6667%; }
	.col-sm-9  { width: 75%; }
	.col-sm-10 { width: 83.3333%; }
	.col-sm-11 { width: 91.6667%; }
	.col-sm-12 { width: 100%; }
}

/* Medium (md) – ≥ 992px */
@media (min-width: 992px) {
	.col-md-1  { width: 8.3333%; }
	.col-md-2  { width: 16.6667%; }
	.col-md-3  { width: 25%; }
	.col-md-4  { width: 33.3333%; }
	.col-md-5  { width: 41.6667%; }
	.col-md-6  { width: 50%; }
	.col-md-7  { width: 58.3333%; }
	.col-md-8  { width: 66.6667%; }
	.col-md-9  { width: 75%; }
	.col-md-10 { width: 83.3333%; }
	.col-md-11 { width: 91.6667%; }
	.col-md-12 { width: 100%; }
	.col-md-offset-0 { margin-left: 0; }
	.col-md-offset-1 { margin-left: 8.3333%; }
	.col-md-offset-2 { margin-left: 16.6667%; }
	.col-md-offset-3 { margin-left: 25%; }
	.col-md-offset-4 { margin-left: 33.3333%; }
}

/* Large (lg) – ≥ 1200px */
@media (min-width: 1200px) {
	.col-lg-1  { width: 8.3333%; }
	.col-lg-2  { width: 16.6667%; }
	.col-lg-3  { width: 25%; }
	.col-lg-4  { width: 33.3333%; }
	.col-lg-5  { width: 41.6667%; }
	.col-lg-6  { width: 50%; }
	.col-lg-7  { width: 58.3333%; }
	.col-lg-8  { width: 66.6667%; }
	.col-lg-9  { width: 75%; }
	.col-lg-10 { width: 83.3333%; }
	.col-lg-11 { width: 91.6667%; }
	.col-lg-12 { width: 100%; }
	.col-lg-offset-3 { margin-left: 25%; }
}

/* ── WPBakery column aliases ──────────────────────────────── */
/* vc_col-sm-* are WPBakery's own responsive column classes */
.vc_col-sm-1,  .vc_col-xs-1  { width: 8.3333% !important; }
.vc_col-sm-2,  .vc_col-xs-2  { width: 16.6667% !important; }
.vc_col-sm-3,  .vc_col-xs-3  { width: 25% !important; }
.vc_col-sm-4,  .vc_col-xs-4  { width: 33.3333% !important; }
.vc_col-sm-5,  .vc_col-xs-5  { width: 41.6667% !important; }
.vc_col-sm-6,  .vc_col-xs-6  { width: 50% !important; }
.vc_col-sm-7,  .vc_col-xs-7  { width: 58.3333% !important; }
.vc_col-sm-8,  .vc_col-xs-8  { width: 66.6667% !important; }
.vc_col-sm-9,  .vc_col-xs-9  { width: 75% !important; }
.vc_col-sm-10, .vc_col-xs-10 { width: 83.3333% !important; }
.vc_col-sm-11, .vc_col-xs-11 { width: 91.6667% !important; }
.vc_col-sm-12, .vc_col-xs-12 { width: 100% !important; }

@media (min-width: 768px) {
	.vc_col-md-1  { width: 8.3333% !important; }
	.vc_col-md-2  { width: 16.6667% !important; }
	.vc_col-md-3  { width: 25% !important; }
	.vc_col-md-4  { width: 33.3333% !important; }
	.vc_col-md-5  { width: 41.6667% !important; }
	.vc_col-md-6  { width: 50% !important; }
	.vc_col-md-7  { width: 58.3333% !important; }
	.vc_col-md-8  { width: 66.6667% !important; }
	.vc_col-md-9  { width: 75% !important; }
	.vc_col-md-10 { width: 83.3333% !important; }
	.vc_col-md-11 { width: 91.6667% !important; }
	.vc_col-md-12 { width: 100% !important; }
	.vc_col-md-offset-0 { margin-left: 0 !important; }
	.vc_col-md-offset-1 { margin-left: 8.3333% !important; }
	.vc_col-md-offset-2 { margin-left: 16.6667% !important; }
	.vc_col-md-offset-3 { margin-left: 25% !important; }
	.vc_col-md-offset-4 { margin-left: 33.3333% !important; }
}

@media (min-width: 992px) {
	.vc_col-lg-1  { width: 8.3333% !important; }
	.vc_col-lg-2  { width: 16.6667% !important; }
	.vc_col-lg-3  { width: 25% !important; }
	.vc_col-lg-4  { width: 33.3333% !important; }
	.vc_col-lg-5  { width: 41.6667% !important; }
	.vc_col-lg-6  { width: 50% !important; }
	.vc_col-lg-7  { width: 58.3333% !important; }
	.vc_col-lg-8  { width: 66.6667% !important; }
	.vc_col-lg-9  { width: 75% !important; }
	.vc_col-lg-10 { width: 83.3333% !important; }
	.vc_col-lg-11 { width: 91.6667% !important; }
	.vc_col-lg-12 { width: 100% !important; }
	.vc_col-lg-offset-3 { margin-left: 25% !important; }
}

/* ── WPBakery flex row layout ─────────────────────────────── */
.vc_row-fluid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.vc_row-fluid:after,
.vc_row-fluid:before {
	display: none;
}

/* Clearfix for non-flex contexts */
.vc_row:after,
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* ── Bootstrap utility classes ────────────────────────────── */
.d-flex         { display: flex !important; }
.d-inline-block { display: inline-block !important; }
.d-inline-flex  { display: inline-flex !important; }
.d-none         { display: none !important; }

.flex-wrap   { flex-wrap: wrap !important; }
.align-items-center { align-items: center !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }

.text-center  { text-align: center !important; }
.text-left    { text-align: left !important; }
.text-right   { text-align: right !important; }
.text-uppercase { text-transform: uppercase !important; }

/* Margin/padding utilities used by the home page */
.m-t     { margin-top: 20px !important; }
.m-b     { margin-bottom: 20px !important; }
.m-t-xl  { margin-top: 50px !important; }
.m-b-xl  { margin-bottom: 50px !important; }
.m-t-md  { margin-top: 30px !important; }
.m-b-md  { margin-bottom: 30px !important; }
.m-b-xxl { margin-bottom: 70px !important; }
.p-b-sm  { padding-bottom: 10px !important; }
.p-b-lg  { padding-bottom: 40px !important; }
.mb-0    { margin-bottom: 0 !important; }
.mb-1    { margin-bottom: 0.25rem !important; }
.mb-2    { margin-bottom: 0.5rem !important; }
.mb-3    { margin-bottom: 1rem !important; }
.mb-4    { margin-bottom: 1.5rem !important; }
.mt-5    { margin-top: 3rem !important; }
.pb-2    { padding-bottom: 0.5rem !important; }
.pb-4    { padding-bottom: 1.5rem !important; }
.pt-4    { padding-top: 1.5rem !important; }
.ls-negative-1 { letter-spacing: -0.025em !important; }

@media (min-width: 992px) {
	.mb-md-0 { margin-bottom: 0 !important; }
	.mt-lg-0 { margin-top: 0 !important; }
	.ml-lg-n-4 { margin-left: -1.5rem !important; }
}

.overflow-hidden { overflow: hidden !important; }

/* ── Background utilities ─────────────────────────────────── */
.background-color-dark      { background-color: #222529 !important; }
.background-color-secondary { background-color: var(--npay-accent) !important; }

/* Skin colours (used by vc_custom_heading skin param) */
.skin-dark  { color: #222529 !important; }
.skin-light { color: #fff !important; }

/* ═══════════════════════════════════════════════════════════
   PORTO SHORTCODE STUB STYLES
   Styles for the native PHP stub components that replace
   the original Porto shortcodes.
   ═══════════════════════════════════════════════════════════ */

/* ── [porto_info_box] stub ────────────────────────────────── */
.npay-info-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 20px 10px;
}

.npay-info-box--top {
	flex-direction: column;
}

.npay-info-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid #ddd;
	font-size: 35px;
	margin-bottom: 16px;
	color: var(--npay-accent);
	transition: border-color 0.2s;
}

.npay-info-icon i {
	font-size: inherit;
	line-height: 1;
}

.npay-info-box__title {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--npay-ink);
	margin: 0 0 6px;
}

.npay-info-box__sub {
	font-size: 0.875rem;
	color: #555;
	font-weight: 600;
	margin: 0 0 8px;
}

.npay-info-box__body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.npay-info-box__content {
	font-size: 13px;
	color: var(--npay-muted);
	line-height: 1.6;
}

/* ── Shop services row (3 info boxes) ─────────────────────── */
.shop-services .npay-info-box {
	border: 1px solid var(--npay-border);
	border-radius: 10px;
	background: #fff;
	padding: 28px 20px;
	height: 100%;
	transition: box-shadow 0.2s;
}

.shop-services .npay-info-box:hover {
	box-shadow: 0 4px 18px rgba(0,0,0,0.09);
}

/* ── [porto_google_map] stub ──────────────────────────────── */
.npay-map-wrap {
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
}

.npay-map-wrap iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

/* ── [porto_ultimate_heading] stub ───────────────────────── */
.npay-heading-wrap {
	margin-bottom: 24px;
}

.npay-ultimate-heading {
	font-weight: 700;
	color: var(--npay-ink);
	margin-bottom: 12px;
}

.npay-heading-sub {
	color: var(--npay-muted);
	line-height: 1.7;
}

/* ── [porto_ultimate_content_box] stub ───────────────────── */
.npay-content-box {
	background: linear-gradient(135deg, #333, #222);
	color: #fff;
	border-radius: 10px;
	padding: 30px 20px;
	text-align: center;
	height: 100%;
}

.npay-content-box__title {
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 12px;
	color: #fff;
}

.npay-content-box__body {
	color: rgba(255,255,255,0.85);
	font-size: 14px;
	line-height: 1.6;
}

/* ── [porto_interactive_banner] stub ─────────────────────── */
.npay-interactive-banner {
	position: relative;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	overflow: hidden;
	min-height: 200px;
}

.npay-ibanner-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
	color: #fff;
}

.npay-ibanner-layer__title {
	font-size: 1.25rem;
	font-weight: 700;
	color: #fff;
	margin: 0 0 6px;
}

.npay-ibanner-layer__desc {
	font-size: 14px;
	color: rgba(255,255,255,0.85);
	margin: 0;
}

/* ── [porto_carousel] stub ───────────────────────────────── */
.npay-carousel {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}

.npay-carousel img {
	max-width: 140px;
	max-height: 60px;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: filter 0.2s, opacity 0.2s;
}

.npay-carousel img:hover {
	filter: grayscale(0%);
	opacity: 1;
}

/* ── [porto_feature_box] stub ────────────────────────────── */
.npay-feature-box {
	padding: 20px;
	border-radius: 8px;
	background: #f8f9fa;
	border-left: 4px solid var(--npay-accent);
}

.npay-feature-box__title {
	font-weight: 700;
	margin-bottom: 8px;
	color: var(--npay-ink);
}

/* ── npay-products-title (in product list stubs) ─────────── */
.npay-products-title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--npay-accent);
	color: var(--npay-ink);
}

/* ═══════════════════════════════════════════════════════════
   WOOCOMMERCE TAB FIX (vc_tabs used on home page)
   ═══════════════════════════════════════════════════════════ */
.vc_tta-tabs {
	margin-bottom: 24px;
}

.vc_tta-tabs .vc_tta-tabs-container {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 16px;
	border-bottom: 2px solid var(--npay-border);
	padding-bottom: 0;
}

.vc_tta-tabs .vc_tta-tab a {
	display: inline-block;
	padding: 8px 18px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--npay-muted);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	transition: color 0.15s, border-color 0.15s;
}

.vc_tta-tabs .vc_tta-tab.vc_active a,
.vc_tta-tabs .vc_tta-tab a:hover {
	color: var(--npay-accent);
	border-bottom-color: var(--npay-accent);
}

/* ═══════════════════════════════════════════════════════════
   COUPON SALE BANNER (home page)
   ═══════════════════════════════════════════════════════════ */
.coupon-sale-text {
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════
   FOOTER WIDGET AREA FIXES
   ═══════════════════════════════════════════════════════════ */
.npay-porto-footer .widget-area,
.npay-porto-footer .footer-widgets {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

/* Make footer widgetized sidebars visible */
.npay-porto-footer .footer-sidebar {
	flex: 1 1 200px;
	min-width: 180px;
}

/* Footer separator */
.npay-porto-footer .footer-top {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 20px;
}

/* Footer widget titles */
.npay-porto-footer .widget-title {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--npay-accent);
}

/* Footer links */
.npay-porto-footer a {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	transition: color 0.15s;
}

.npay-porto-footer a:hover {
	color: #fff;
}

/* ── Make font-awesome icons render if simpleline not loaded ─ */
.simple-line-icon:before {
	font-family: FontAwesome, sans-serif;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE MOBILE FIXES
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
	[class*="vc_col-"],
	[class*="col-sm-"],
	[class*="col-md-"],
	[class*="col-lg-"] {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
	}

	.npay-carousel {
		gap: 14px;
	}

	.products-list .vc_row,
	.products-list .vc_column_container {
		width: 100% !important;
		flex: none !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   CONTACT INFO WIDGET (footer)
   ═══════════════════════════════════════════════════════════ */
.npay-contact-info-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.npay-contact-info-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	color: rgba(255,255,255,0.8);
	font-size: 13px;
	line-height: 1.5;
}

.npay-contact-info-item i {
	color: var(--npay-accent);
	font-size: 15px;
	margin-top: 2px;
	flex-shrink: 0;
	width: 18px;
	text-align: center;
}

.npay-contact-info-item .npay-ci-label {
	display: block;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255,255,255,0.5);
	margin-bottom: 2px;
}

.npay-contact-info-item .npay-ci-value {
	display: block;
	color: rgba(255,255,255,0.85);
}

.npay-contact-info-item a {
	color: rgba(255,255,255,0.85);
	text-decoration: none;
}

.npay-contact-info-item a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════
   SOCIAL LINKS WIDGET (footer)
   ═══════════════════════════════════════════════════════════ */
.npay-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 6px;
}

.npay-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.7);
	font-size: 14px;
	text-decoration: none;
	transition: background 0.18s, color 0.18s, transform 0.15s;
}

.npay-social-link:hover {
	background: var(--npay-accent);
	color: #fff;
	transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════════════
   INFO BOX ICON HELPERS
   ═══════════════════════════════════════════════════════════ */
.npay-info-icon .fa-solid,
.npay-info-icon .fa-regular,
.npay-info-icon .fa-brands {
	font-size: 32px;
	line-height: 1;
}

/* ═══════════════════════════════════════════════════════════
   ASTRA GLOBAL OVERRIDES
   ═══════════════════════════════════════════════════════════ */

/* Remove Astra's default header so our custom one is used */
.ast-header-break-point .main-header-bar,
.main-header-bar {
	display: none !important;
}

.ast-header-break-point .ast-mobile-header-wrap,
.ast-mobile-header-wrap {
	display: none !important;
}

/* WooCommerce global green button */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
	background: var(--npay-accent);
	color: #fff;
	border-radius: var(--npay-radius);
	font-weight: 700;
	transition: background 0.15s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover {
	background: var(--npay-accent-hover);
	color: #fff;
}

/* WooCommerce notices */
.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--npay-accent) !important;
}

/* ═══════════════════════════════════════════════════════════
   BREADCRUMBS
   ═══════════════════════════════════════════════════════════ */
.woocommerce .woocommerce-breadcrumb,
.ast-breadcrumbs-wrapper,
nav.woocommerce-breadcrumb {
	padding: 10px 0 !important;
	margin: 0 0 16px !important;
	font-size: 13px !important;
	color: var(--npay-muted) !important;
	background: transparent !important;
	border-bottom: none !important;
}

.woocommerce .woocommerce-breadcrumb a,
.ast-breadcrumbs-wrapper a {
	color: var(--npay-muted);
	text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.ast-breadcrumbs-wrapper a:hover {
	color: var(--npay-accent);
}

/* ═══════════════════════════════════════════════════════════
   SHOP PAGE LAYOUT (sidebar + content)
   ═══════════════════════════════════════════════════════════ */
.woocommerce-page .site-content .ast-container,
.woocommerce .site-content .ast-container {
	max-width: var(--npay-container);
	margin: 0 auto;
	padding: 0 20px;
}

/* Shop page top bar: sort + count + view toggles */
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-result-count {
	font-size: 13px;
	color: var(--npay-muted);
}

.woocommerce-page .woocommerce-ordering select,
.woocommerce .woocommerce-ordering select {
	padding: 6px 10px;
	border: 1px solid var(--npay-border);
	border-radius: var(--npay-radius);
	font-size: 13px;
	color: var(--npay-ink);
}

/* ─── SIDEBAR ─────────────────────────────────────────────── */
.widget_product_categories .product-categories,
.widget_layered_nav ul,
.widget_layered_nav_filters ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget_product_categories .product-categories li,
.widget_layered_nav li {
	border-bottom: 1px solid var(--npay-border);
}

.widget_product_categories .product-categories a,
.widget_layered_nav a {
	display: flex;
	justify-content: space-between;
	padding: 7px 2px;
	color: var(--npay-ink);
	font-size: 13px;
	text-decoration: none;
	transition: color 0.15s;
}

.widget_product_categories .product-categories a:hover,
.widget_layered_nav a:hover {
	color: var(--npay-accent);
}

.widget_product_categories .product-categories .count,
.widget_layered_nav .count {
	color: var(--npay-muted);
	font-size: 12px;
}

/* Current category */
.widget_product_categories .product-categories .current-cat > a {
	color: var(--npay-accent);
	font-weight: 600;
}

/* Sub-categories indented */
.widget_product_categories .product-categories ul.children {
	padding-left: 14px;
}

/* Price filter widget */
.price_slider_wrapper {
	padding: 10px 0;
}

.price_slider_amount {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
}

.price_slider_amount .button {
	padding: 6px 16px !important;
	background: var(--npay-accent) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--npay-radius) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	cursor: pointer;
}

.price_slider_amount .price_label {
	font-size: 13px;
	color: var(--npay-ink);
}

/* Widget sidebar general */
.woocommerce-sidebar .widget,
aside.widget-area .widget {
	margin-bottom: 30px;
	padding: 18px;
	border: 1px solid var(--npay-border);
	border-radius: var(--npay-radius);
}

.woocommerce-sidebar .widget-title,
aside.widget-area .widget-title {
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--npay-accent);
	color: var(--npay-ink);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Featured products in sidebar */
.widget_featured_products .product_list_widget,
.widget.widget_products .product_list_widget {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget_featured_products .product_list_widget li,
.widget.widget_products .product_list_widget li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px solid var(--npay-border);
}

.widget_featured_products .product_list_widget li:last-child,
.widget.widget_products .product_list_widget li:last-child {
	border-bottom: none;
}

.widget_featured_products .product_list_widget li img,
.widget.widget_products .product_list_widget li img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 2px;
	border: 1px solid var(--npay-border);
	flex-shrink: 0;
}

.widget_featured_products .product_list_widget li .product-title,
.widget.widget_products .product_list_widget li .product-title {
	font-size: 13px;
	font-weight: 600;
	color: var(--npay-ink);
	text-decoration: none;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.widget_featured_products .product_list_widget li .price,
.widget.widget_products .product_list_widget li .price {
	font-size: 13px;
	font-weight: 700;
	color: var(--npay-ink);
}

/* ═══════════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE
   ═══════════════════════════════════════════════════════════ */

/* Product summary layout */
.woocommerce div.product {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: flex-start;
}

.woocommerce div.product .woocommerce-product-gallery {
	flex: 0 0 min(460px, 46%);
	max-width: 460px;
}

.woocommerce div.product .summary.entry-summary {
	flex: 1 1 300px;
}

/* Gallery */
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
	border: 1px solid var(--npay-border);
	border-radius: var(--npay-radius);
	overflow: hidden;
	background: var(--npay-light);
}

.woocommerce div.product .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px !important;
	padding: 0;
	list-style: none;
}

.woocommerce div.product .flex-control-thumbs li {
	width: 64px !important;
	flex-shrink: 0;
}

.woocommerce div.product .flex-control-thumbs li img {
	border: 2px solid var(--npay-border);
	border-radius: 2px;
	cursor: pointer;
	transition: border-color 0.15s;
}

.woocommerce div.product .flex-control-thumbs li img.flex-active,
.woocommerce div.product .flex-control-thumbs li img:hover {
	border-color: var(--npay-accent);
}

/* Product title */
.woocommerce div.product .product_title {
	font-size: 22px;
	font-weight: 700;
	color: var(--npay-ink);
	line-height: 1.3;
	margin-bottom: 10px;
}

/* Rating */
.woocommerce div.product .woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	font-size: 13px;
	color: var(--npay-muted);
}

/* Price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 24px;
	font-weight: 700;
	color: var(--npay-ink);
	border-bottom: 1px solid var(--npay-border);
	padding-bottom: 16px;
	margin-bottom: 16px;
}

/* Short desc */
.woocommerce div.product .woocommerce-product-details__short-description {
	font-size: 14px;
	color: var(--npay-muted);
	line-height: 1.7;
	margin-bottom: 20px;
}

/* Qty + add to cart */
.woocommerce div.product form.cart {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.woocommerce div.product form.cart .quantity input.qty {
	width: 64px;
	height: 46px;
	border: 1px solid var(--npay-border);
	border-radius: var(--npay-radius);
	text-align: center;
	font-size: 15px;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
	padding: 12px 28px;
	background: var(--npay-dark);
	color: #fff;
	border: none;
	border-radius: var(--npay-radius);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	cursor: pointer;
	transition: background 0.15s;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
	background: var(--npay-accent);
}

/* Meta (SKU, categories) */
.woocommerce div.product .product_meta {
	font-size: 13px;
	color: var(--npay-muted);
	border-top: 1px solid var(--npay-border);
	padding-top: 16px;
	margin-top: 8px;
}

.woocommerce div.product .product_meta a {
	color: var(--npay-ink);
	text-decoration: none;
	font-weight: 600;
}

.woocommerce div.product .product_meta a:hover {
	color: var(--npay-accent);
}

/* Social share below meta */
.woocommerce div.product .woocommerce-share-links,
.woocommerce div.product .yith-wcwl-add-to-wishlist {
	margin-top: 16px;
}

/* ─── PRODUCT TABS ────────────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs {
	margin-top: 48px;
	border-top: 1px solid var(--npay-border);
	clear: both;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	list-style: none;
	margin: 0 0 -1px;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid transparent;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 12px 22px;
	color: var(--npay-ink);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	transition: color 0.15s;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
	color: var(--npay-accent);
	border-bottom-color: var(--npay-accent);
}

.woocommerce div.product .woocommerce-tabs .panel {
	padding: 24px 0;
	border-top: 1px solid var(--npay-border);
	font-size: 14px;
	line-height: 1.8;
	color: var(--npay-ink);
}

/* ─── RELATED PRODUCTS ────────────────────────────────────── */
.related.products {
	margin-top: 56px;
}

.related.products > h2,
.up-sells > h2,
.cross-sells > h2 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--npay-ink);
	padding-bottom: 10px;
	border-bottom: 2px solid var(--npay-border);
	margin-bottom: 24px;
}

.related.products ul.products {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* ═══════════════════════════════════════════════════════════
   SHOP PAGE TOP BANNER (hero above product grid)
   ═══════════════════════════════════════════════════════════ */
.woocommerce-page .ast-above-header-bar,
.shop-hero-banner {
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
}

/* ─── Pagination ──────────────────────────────────────────── */
.woocommerce-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
	justify-content: center;
}

.woocommerce-pagination ul.page-numbers li {
	display: block;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid var(--npay-border);
	border-radius: 2px;
	color: var(--npay-ink);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.15s;
}

.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce-pagination ul.page-numbers li span.current {
	background: var(--npay-accent);
	border-color: var(--npay-accent);
	color: #fff;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE ADDITIONS
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 921px) {
	.npay-newsletter-inner {
		flex-direction: column;
		gap: 18px;
	}

	.npay-newsletter-form {
		max-width: 100%;
		width: 100%;
		flex: 1 1 auto;
	}

	.npay-footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.npay-payment-icons {
		flex-wrap: wrap;
		justify-content: center;
	}

	.woocommerce div.product {
		flex-direction: column;
	}

	.woocommerce div.product .woocommerce-product-gallery {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.related.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	.npay-footer-grid {
		grid-template-columns: 1fr;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		padding: 10px 14px;
		font-size: 13px;
	}

	.related.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   WOOCOMMERCE BUTTON OVERRIDES (high specificity)
   Force dark/green theme on all WC buttons
   ═══════════════════════════════════════════════════════════ */

/* Shop page Add to Cart */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .button.product_type_grouped,
.woocommerce ul.products li.product .button.product_type_external,
.woocommerce ul.products li.product .button.added_to_cart,
.woocommerce-page ul.products li.product .button.add_to_cart_button,
.woocommerce-page ul.products li.product .button.product_type_simple {
	background: #222529 !important;
	background-color: #222529 !important;
	color: #ffffff !important;
	border-color: #222529 !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .button.product_type_simple:hover,
.woocommerce ul.products li.product .button.added_to_cart:hover,
.woocommerce-page ul.products li.product .button.add_to_cart_button:hover {
	background: #7aa93c !important;
	background-color: #7aa93c !important;
	border-color: #7aa93c !important;
	color: #ffffff !important;
}

/* Cart / Checkout buttons */
.woocommerce a.button.wc-forward,
.woocommerce a.button.checkout,
.woocommerce .cart .button,
.woocommerce-page .cart .button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.wc-proceed-to-checkout .checkout-button {
	background: #7aa93c !important;
	background-color: #7aa93c !important;
	color: #fff !important;
	border-color: #7aa93c !important;
}

.woocommerce a.button.wc-forward:hover,
.woocommerce a.button.checkout:hover,
.wc-proceed-to-checkout .checkout-button:hover {
	background: #5f8c26 !important;
	border-color: #5f8c26 !important;
}

/* Single product Add to Cart */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce-page div.product form.cart .single_add_to_cart_button {
	background: #222529 !important;
	color: #fff !important;
	border-color: #222529 !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce-page div.product form.cart .single_add_to_cart_button:hover {
	background: #7aa93c !important;
	border-color: #7aa93c !important;
}

/* Astra-specific overrides */
.ast-woo-product-add-to-cart .add_to_cart_button,
.ast-woo-product-add-to-cart .single_add_to_cart_button {
	background: #222529 !important;
	color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════
   HOME PAGE HERO BANNER IMPROVEMENTS
   ═══════════════════════════════════════════════════════════ */

/* Ensure hero/banner takes full width without side gaps */
.home .entry-content .vc_row,
.home .entry-content .npay-banner-row,
.home .entry-content > .wpb_row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   GENERAL POLISH
   ═══════════════════════════════════════════════════════════ */

/* Global link style */
a {
	color: var(--npay-ink);
	transition: color 0.15s;
}

a:hover {
	color: var(--npay-accent);
}

/* Star ratings */
.star-rating span::before {
	color: #f5a623;
}

/* Remove Astra default content area padding on full-width pages */
.ast-page-builder-template .entry-content,
.woocommerce-page .site-main {
	padding-top: 0;
}

/* Product loop — loading state */
.woocommerce .products .added_to_cart {
	display: none;
}

/* Remove Astra's extra footer content */
.ast-footer-content {
	display: none;
}

/* Ensure our custom footer is visible */
.npay-porto-footer {
	display: block;
}

/* Astra's built-in header/footer override */
#ast-hfb-header {
	display: none;
}

/* ═══════════════════════════════════════════════════════════
   CSS-ONLY HERO CAROUSEL
   Replaces Porto's Slick-JS carousel with a pure CSS animation.
   Slides cross-fade automatically — no JavaScript required.
   ═══════════════════════════════════════════════════════════ */

.npay-css-carousel {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #111;
	height: 500px;
	min-height: 500px;
}

.npay-css-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 500px;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	opacity: 0;
	z-index: 1;
	transition: opacity 0.8s ease-in-out;
}

/* First slide is visible by default (overridden by PHP inline animation) */
.npay-css-slide:first-child {
	opacity: 1;
	z-index: 2;
}

/* Semi-transparent dark overlay for text legibility */
.npay-css-slide::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.1) 70%);
	z-index: 1;
}

/* Banner layer — text positioned absolutely inside the slide */
.npay-banner-layer {
	position: absolute;
	z-index: 10;
	max-width: 520px;
	padding: 0 20px;
}

/* Fix the carousel height so it actually shows — must be set on wrapper */
.npay-css-carousel,
.npay-css-carousel .npay-css-slide {
	min-height: 480px;
}

@media (max-width: 768px) {
	.npay-css-carousel,
	.npay-css-carousel .npay-css-slide {
		min-height: 300px;
	}
}

/* Text layers from porto_interactive_banner_layer */
.npay-banner-layer h2,
.npay-banner-layer h3,
.npay-banner-layer h4,
.npay-banner-layer h5,
.npay-banner-layer h6 {
	color: #fff;
	line-height: 1.2;
	margin: 0 0 10px;
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.npay-banner-layer h2 { font-size: clamp(28px, 4vw, 52px); font-weight: 800; }
.npay-banner-layer h3 { font-size: clamp(16px, 2.5vw, 28px); font-weight: 600; }
.npay-banner-layer h4 { font-size: clamp(13px, 1.8vw, 22px); }
.npay-banner-layer h5,
.npay-banner-layer h6 { font-size: clamp(12px, 1.4vw, 16px); color: rgba(255,255,255,0.85); }

.npay-banner-layer p {
	color: rgba(255,255,255,0.9);
	font-size: clamp(13px, 1.5vw, 16px);
	margin-bottom: 20px;
}

.npay-banner-layer a,
.npay-banner-layer .vc_btn3,
.npay-banner-layer .btn {
	display: inline-block;
	padding: 12px 28px;
	background: #7aa93c;
	color: #fff !important;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	transition: background 0.2s;
	box-shadow: 0 4px 15px rgba(0,0,0,0.25);
}

.npay-banner-layer a:hover,
.npay-banner-layer .vc_btn3:hover {
	background: #5f8c26;
}

/* Ensure the banner row is NOT constrained by Astra content max-width */
.home-banner-slider,
.vc_row.home-banner-slider,
.vc_row.npay-full-width-row {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* Home page entry-content padding reset so banner goes full width */
.home .entry-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.home .entry-content > .vc_row:first-child,
.home .entry-content > .home-banner-slider:first-child,
.home .entry-content > .npay-css-carousel:first-child,
.home .entry-content > [id^="npay-css-carousel"]:first-child {
	margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   FULL-WIDTH BREAKOUT FOR HERO CAROUSEL
   The banner sits inside Astra's .entry-content which has a
   max-width container. We use the viewport-breakout technique
   to make the carousel span 100% of the viewport.
   ═══════════════════════════════════════════════════════════ */

/* The WPBakery row wrapping the carousel */
.home .vc_row.home-banner-slider,
.home .wpb_row.home-banner-slider {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* The carousel div itself — always full width */
.npay-css-carousel {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* If carousel is a direct child of entry-content (no vc_row wrapper) */
.home .entry-content > .npay-css-carousel,
.home .entry-content > [id^="npay-css-carousel"] {
	width: 100vw !important;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Astra content area — remove side padding for home page */
.home .ast-container,
.home .site-content > .ast-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* vc_btn stub styling */
.npay-vc-btn {
	display: inline-block;
	padding: 12px 32px;
	background: #7aa93c;
	color: #fff !important;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none !important;
	transition: background 0.2s;
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	margin-top: 16px;
}

.npay-vc-btn:hover {
	background: #5f8c26;
	color: #fff !important;
}

}

/* vc_custom_heading inside banner */
.npay-css-slide .npay-vc-heading {
	color: #fff !important;
	text-shadow: 0 2px 8px rgba(0,0,0,0.5);
	margin-bottom: 8px;
}

/* ═══════════════════════════════════════════════════════════
   WPBAKERY GRID SYSTEM — CRITICAL LAYOUT CSS
   These rules replicate js_composer.min.css grid behavior.
   Required for vc_col-sm-4, vc_col-sm-3 etc. to display
   as horizontal columns instead of stacking vertically.
   ═══════════════════════════════════════════════════════════ */

/* WPBakery row — clearfix + flex */
.vc_row,
.wpb_row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.vc_row::after,
.wpb_row::after {
	content: '';
	display: table;
	clear: both;
}

/* WPBakery column container */
.vc_column_container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.vc_column_container > .vc_column-inner {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

/* Columns — float-based layout for all vc_col-sm-* */
.wpb_column,
.vc_column_container {
	float: left;
	box-sizing: border-box;
}

/* Full width column */
.vc_col-sm-12 {
	width: 100%;
	float: left;
}

/* Half columns */
.vc_col-sm-6 {
	width: 50%;
	float: left;
}

/* Third columns */
.vc_col-sm-4 {
	width: 33.3333%;
	float: left;
}

/* Quarter columns */
.vc_col-sm-3 {
	width: 25%;
	float: left;
}

/* Two-thirds */
.vc_col-sm-8 {
	width: 66.6666%;
	float: left;
}

/* Three-quarters */
.vc_col-sm-9 {
	width: 75%;
	float: left;
}

/* Two-column */
.vc_col-sm-2 {
	width: 16.6666%;
	float: left;
}

/* One column */
.vc_col-sm-1 {
	width: 8.3333%;
	float: left;
}

/* WPBakery inner row content */
.vc_column-inner {
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}

.wpb_wrapper {
	padding: 0;
}

/* WPBakery row with full width stretch */
.vc_row-fluid {
	width: 100%;
}

.vc_row.vc_row-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.vc_row.vc_row-flex > .vc_column_container {
	display: flex;
	flex-direction: column;
}

/* WPBakery content placement middle */
.vc_row[data-vc-full-width],
.vc_row.vc_row-o-content-middle {
	align-items: center;
}

/* Mobile: stack all columns */
@media (max-width: 767px) {
	.wpb_column,
	.vc_column_container,
	.vc_col-sm-12,
	.vc_col-sm-6,
	.vc_col-sm-4,
	.vc_col-sm-3,
	.vc_col-sm-8,
	.vc_col-sm-9,
	.vc_col-sm-2 {
		width: 100% !important;
		float: none !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   HOME PAGE SECTION FIXES
   ═══════════════════════════════════════════════════════════ */

/* Fix info box row (FREE SHIPPING / MONEY BACK / ONLINE SUPPORT) */
.vc_row.header-top-ads {
	background-color: #f4f4f4 !important;
	border-top: 1px solid #e7e7e7;
	padding: 20px 0 !important;
	overflow: hidden;
}

.vc_row.header-top-ads::after {
	content: '';
	display: table;
	clear: both;
}

/* Fix dark background bleeding from carousel into adjacent sections */
.vc_row:not(.home-banner-slider) .npay-css-carousel,
.vc_row + .vc_row {
	background: transparent !important;
}

/* Ensure only banner row has dark bg */
.vc_row.home-banner-slider {
	background: #111;
}

/* Brand logos row — light background */
.vc_row:not(.home-banner-slider) {
	background-color: transparent;
}

/* The WPBakery "wrap_container" rows get a container */
.vc_row[data-wrap-container="yes"] > .vc_container,
.vc_row .vc_container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

/* npay info box layout fix */
.npay-info-box {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 10px 0;
}

.npay-info-box--top {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.npay-info-icon {
	font-size: 28px;
	color: #7aa93c;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 2px solid #e7e7e7;
	border-radius: 50%;
	flex-shrink: 0;
	margin-bottom: 10px;
}

.npay-info-box__title {
	font-size: 13px;
	font-weight: 700;
	color: #222529;
	margin: 0 0 4px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.npay-info-box__sub {
	font-size: 12px;
	color: #777;
	margin: 0;
	line-height: 1.4;
}

/* vc_row_inner inner row */
.npay-vc-row-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
}

.npay-vc-col-inner {
	flex: 1;
	min-width: 0;
}

/* vc_btn inside banner */
.npay-css-slide .npay-vc-btn,
.npay-banner-layer .npay-vc-btn {
	display: inline-block;
	padding: 12px 28px;
	background: #7aa93c;
	color: #fff !important;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none !important;
	transition: background 0.2s;
	margin-top: 14px;
	cursor: pointer;
	border: none;
}

.npay-css-slide .npay-vc-btn:hover {
	background: #5f8c26 !important;
}

/* Coupon/price styling inside banner */
.npay-css-slide .coupon-sale-text {
	background: #7aa93c;
	color: #fff !important;
	padding: 4px 10px;
	border-radius: 3px;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 700;
}

/* Sale banner row (3-column promo cards) */
.vc_row.home-sale-banner {
	overflow: hidden;
}

.vc_row.home-sale-banner::after {
	content: '';
	display: table;
	clear: both;
}

/* WPBakery single image */
.wpb_single_image img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Brand logo row — keep images inline and smaller */
.vc_row .wpb_single_image.vc_align_center {
	text-align: center;
}

/* Clearfix utility */
.vc_clearfix::after,
.vc_row-full-width::after {
	content: '';
	display: table;
	clear: both;
}

.vc_row-full-width {
	width: 100% !important;
	max-width: 100% !important;
}

/* ===== HEADER NAVIGATION: CENTER MENU ITEMS ===== */

#ast-desktop-nav,
.ast-main-navigation,
.main-navigation {
	width: 100%;
}

#ast-desktop-nav .ast-nav-menu,
.ast-main-navigation .ast-nav-menu,
.ast-main-navigation > ul,
#primary-menu,
.main-navigation > ul,
.main-navigation > div > ul {
	display: flex !important;
	justify-content: center !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-wrap: wrap;
}

#ast-desktop-nav .ast-nav-menu > li,
.ast-main-navigation .ast-nav-menu > li,
#primary-menu > li,
.main-navigation > ul > li {
	float: none !important;
}

.ast-nav-menu {
	justify-content: center !important;
}

.main-header-bar-navigation {
	width: 100%;
	border-top: 1px solid #e7e7e7;
}

.ast-main-navigation .ast-nav-menu > li > a,
.main-navigation > ul > li > a,
#primary-menu > li > a {
	padding: 14px 18px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: #222529 !important;
	text-decoration: none !important;
	display: block !important;
}

.ast-main-navigation .ast-nav-menu > li > a:hover,
.main-navigation > ul > li > a:hover,
#primary-menu > li > a:hover {
	color: #7aa93c !important;
}

.ast-main-navigation .ast-nav-menu > .current-menu-item > a,
.ast-main-navigation .ast-nav-menu > .current_page_item > a {
	color: #7aa93c !important;
	border-bottom: 2px solid #7aa93c;
}

/* ===== HERO BANNER: FINAL VISIBILITY FIXES ===== */

.home .entry-content > .vc_row.home-banner-slider {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative;
	left: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	padding: 0 !important;
}

.vc_row.home-banner-slider .npay-css-carousel {
	width: 100% !important;
	height: 500px !important;
	min-height: 500px !important;
	position: relative;
	overflow: hidden;
	background: #111;
}

.vc_row.home-banner-slider .npay-css-slide {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 500px !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.npay-banner-layer {
	position: absolute !important;
	z-index: 10 !important;
}

.npay-banner-layer .npay-vc-heading {
	color: #fff !important;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.6) !important;
	margin: 0 0 8px !important;
	line-height: 1.1 !important;
}

.npay-banner-layer .npay-vc-btn {
	display: inline-block !important;
	margin-top: 16px !important;
}

/* ===== LOGO SIZING ===== */

.site-title a,
.ast-site-name-wrap .ast-logo-link,
.custom-logo-link {
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #222529 !important;
	text-decoration: none !important;
}

.custom-logo,
.site-logo img,
.ast-logo img {
	max-height: 55px !important;
	width: auto !important;
}