@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");

:root {
	--primary-color: #22c781;
	--primary-hover: #0f3d2e;
	--accent-color: #f8fbf9;
	--bg-color: #ffffff;
	--surface-color: #ffffff;
	--text-color: #1f2d27;
	--text-light: #5d7068;
	--heading-color: #0f3d2e;
	--border-color: #d9efe1;
	--gold-color: #22c781;
	--gold-soft: #f8fbf9;
	--shadow: 0 26px 64px rgba(34, 199, 129, 0.18);
	--shadow-sm: 0 12px 30px rgba(31, 45, 39, 0.1);
	--font-body: "Manrope", "Segoe UI", sans-serif;
	--font-heading: "Space Grotesk", "Segoe UI", sans-serif;
}

body {
	background:
		radial-gradient(circle at 9% 8%, rgba(34, 199, 129, 0.22), transparent 35%),
		radial-gradient(circle at 90% 0%, rgba(31, 45, 39, 0.14), transparent 32%),
		radial-gradient(circle at 50% 100%, rgba(217, 239, 225, 0.18), transparent 42%),
		linear-gradient(180deg, #f5fbf7 0%, #f5fbf7 58%, #ffffff 100%);
	color: var(--text-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	letter-spacing: -0.01em;
}

a {
	color: var(--heading-color);
}

.site-header,
.nav-shell {
	background: rgba(248, 251, 249, 0.9);
	backdrop-filter: blur(14px) saturate(130%);
	-webkit-backdrop-filter: blur(14px) saturate(130%);
}

.nav-shell {
	border-bottom: 1px solid rgba(31, 45, 39, 0.08);
	box-shadow: 0 10px 24px rgba(31, 45, 39, 0.05);
}

.search-input {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(245, 251, 247, 0.95);
}

.search-input:focus {
	border-color: #22c781;
	box-shadow: 0 0 0 3px rgba(34, 199, 129, 0.2);
}

.search-toggle,
.header-icon,
.auth-user-trigger,
.country-selector-trigger {
	color: var(--text-color);
}

.search-suggest,
.auth-menu,
.country-selector-menu,
.cart-drawer,
.size-select-card {
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(14px) saturate(125%);
	-webkit-backdrop-filter: blur(14px) saturate(125%);
	border: 1px solid rgba(245, 251, 247, 0.92);
	box-shadow: var(--shadow-sm);
}

.auth-menu-item:hover,
.country-selector-option:hover,
.country-selector-option.active,
.search-suggest-item:hover {
	background: rgba(245, 251, 247, 0.82);
}

.top-banner {
	background: #0f3d2e;
	color: rgba(245, 251, 247, 0.92);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.top-banner strong {
	color: #dff7e9;
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.section-subtitle,
.hero-desc,
.scene-desc,
.review-meta,
.review-card p,
.service-card p,
.product-desc,
#policy-content p,
#policy-content li {
	color: var(--text-light);
}

.product-card,
.scene-image,
.brand-panel,
.service-card,
.review-card,
.checkout-form,
.order-summary,
.checkout-success,
.auth-container,
.order-detail-card,
.product-buy-col,
.review-summary,
.product-specs,
.product-features,
.cart-table,
#wishlist-empty,
.shop-sidebar,
#cart-empty-msg,
.product-gallery-main,
.product-specs-table,
.reply {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(245, 251, 247, 0.9);
	box-shadow: var(--shadow-sm);
}

.product-card {
	background: #fff;
}

.checkout-form {
	background: none;
	border: none;
  box-shadow: none;
}

#policy-content {
	background: transparent;
	border: none;
	box-shadow: none;
}

.product-card:hover,
.service-card:hover,
.review-card:hover {
	border-color: rgba(34, 199, 129, 0.75);
	box-shadow: 0 18px 40px rgba(34, 199, 129, 0.16);
}

.product-img-wrap,
.shop-content .product-img-wrap,
.cart-product-col img,
.search-suggest-img,
.product-gallery-thumbs img {
	background: #fff;
}

.badge-discount {
	background: #fff;
	color: #0f3d2e;
}

.curr-price,
.product-price-lg {
	background: none;
	color: var(--heading-color);
	padding: 0;
	border-radius: 0;
}

.price {
	gap: 8px;
}

.tab-btn.active,
.filter-list a.active,
.filter-list a:hover {
	background: #0f3d2e;
	border-color: transparent;
	color: #fff;
}

.filter-list a,
.shop-filter-toggle,
.size-option,
.qty-control,
.cart-qty-control,
.size-chart-btn,
.specs-close,
.size-chart-close,
.shop-filter-close {
	border-color: rgba(245, 251, 247, 0.95);
}

.service-icon,
.review-avatar,
.brand-pill {
	background: linear-gradient(130deg, #f5fbf7 0%, #ffffff 100%);
	border: 1px solid rgba(245, 251, 247, 0.96);
}

.brand-pill {
	color: #0f3d2e;
}

.floating-action-btn {
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(245, 251, 247, 0.96);
	color: #0f3d2e;
	box-shadow: var(--shadow-sm);
}

.floating-action-btn i {
	color: inherit;
}

.floating-action-btn:hover {
	color: #fff;
	border-color: #22c781;
}

footer {
	background:
		radial-gradient(circle at 8% 0%, rgba(217, 239, 225, 0.42), transparent 28%),
		radial-gradient(circle at 92% 12%, rgba(245, 251, 247, 0.58), transparent 30%),
		linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%);
	color: #1f2d27;
	border-top: 1px solid #d9efe1;
}

footer h4,
footer h5,
footer a,
footer p,
footer li,
footer strong {
	color: #1f2d27;
}

.trust-logo {
	background: rgba(255, 255, 255, 0.96);
}

.footer-trust,
.copyright {
	border-top-color: rgba(245, 251, 247, 0.24);
}

.cart-table th,
.orders-table th,
.product-specs-table thead th {
	background: rgba(245, 251, 247, 0.74);
}

.review-rating {
	color: #22c781;
}

.wishlist-btn-remove {
	border-color: #0f6b47;
	color: #0f6b47;
}

.wishlist-btn-remove:hover {
	background: #0f6b47;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(245, 251, 247, 0.95);
}

input:focus,
textarea:focus,
select:focus {
	border-color: #22c781;
	box-shadow: 0 0 0 3px rgba(34, 199, 129, 0.2);
}

.checkout-success .success-icon {
	background: rgba(22, 101, 52, 0.14);
}

.summary-row.discount-row {
	color: #0f6b47;
}

/* White + light green site theme */
.btn {
	background: #22c781;
	border-color: #22c781;
	color: #0f3d2e;
	box-shadow: 0 12px 24px rgba(34, 199, 129, 0.24);
}

.btn:hover,
.btn:focus {
	background: #0f3d2e;
	border-color: #0f3d2e;
	color: #ffffff;
}

.btn-outline {
	color: #0f3d2e;
	border-color: rgba(34, 199, 129, 0.55);
	background: rgba(255, 255, 255, 0.92);
}

.btn-outline:hover,
.btn-outline:focus {
	background: #0f3d2e;
	border-color: #0f3d2e;
	color: #ffffff;
}

.brand-logo-text {
	background: linear-gradient(120deg, #0f3d2e 0%, #22c781 92%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.brand-sub,
.product-info a:hover,
.search-suggest-price,
.curr-price,
.product-price-lg,
.review-rating {
	color: #0f6b47;
}

.icon-btn:hover,
.country-selector-trigger:hover,
.auth-user-trigger:hover,
.search-box.active .search-toggle {
	border-color: #22c781;
	color: #0f6b47;
	box-shadow: 0 10px 20px rgba(34, 199, 129, 0.16);
}

.product-img-wrap,
.shop-content .product-img-wrap,
.cart-product-col img,
.search-suggest-img,
.product-gallery-thumbs img {
	background: #fff;
	border-color: rgba(245, 251, 247, 0.85);
}

.product-card .btn,
.floating-action-btn,
.badge-discount,
.tab-btn.active,
.filter-list a.active,
.filter-list a:hover {
	background: #0f3d2e;
	border-color: #0f3d2e;
	color: #ffffff;
}

.product-card .btn:hover,
.floating-action-btn:hover {
	background: #22c781;
	border-color: #22c781;
	color: #0f3d2e;
}

.filter-list a:hover,
.shop-filter-toggle:hover,
.size-option:hover,
.size-option.active {
	border-color: #22c781;
	color: #0f6b47;
	background: #f5fbf7;
}

.shop-empty,
.cart-footer,
.country-selector-option-code {
	background: linear-gradient(120deg, #f5fbf7 0%, #f5fbf7 100%);
}

.hero-tech-showcase,
.showcase-card,
.promo-banner,
.why-card,
.advantage-card,
.testimonial-card {
	border-color: rgba(245, 251, 247, 0.92);
	box-shadow: 0 20px 46px rgba(31, 45, 39, 0.08);
}

.showcase-headphones,
.showcase-card-control,
.showcase-card-mini,
.wishlist-btn-home:hover,
.wishlist-btn-home.active {
	background: #0f3d2e;
	color: #dff7e9;
	border-color: #22c781;
}

.visual-glow {
	background: radial-gradient(circle, rgba(34, 199, 129, 0.36), transparent 66%);
}

.showcase-wave span,
.keyboard-row span {
	background: #22c781;
	box-shadow: 0 0 18px rgba(34, 199, 129, 0.42);
}

.site-footer .trust-logo {
	border-color: rgba(34, 199, 129, 0.5);
	color: #f5fbf7;
}

.site-footer .trust-logo-icon {
	background: rgba(34, 199, 129, 0.16);
	color: #dff7e9;
}

/* Final white + light-green theme guard */
:root {
	--primary-color: #22c781;
	--primary-hover: #0f3d2e;
	--accent-color: #f8fbf9;
	--bg-color: #ffffff;
	--surface-color: #ffffff;
	--text-color: #1f2d27;
	--text-light: #5d7068;
	--heading-color: #0f3d2e;
	--border-color: #d9efe1;
	--bg: #ffffff;
	--bg-soft: #f8fbf9;
	--surface: #ffffff;
	--surface-soft: #ffffff;
	--line: #d1fae5;
	--text: #1f2d27;
	--muted: #5d7068;
	--primary: #22c781;
	--primary-soft: #dff7e9;
	--accent: #f8fbf9;
	--footer: #f0fff4;
	--shadow: 0 24px 60px rgba(34, 199, 129, 0.14);
	--shadow-sm: 0 12px 30px rgba(34, 199, 129, 0.10);
	--shadow-soft: 0 24px 60px rgba(31, 45, 39, 0.08);
	--shadow-card: 0 12px 34px rgba(34, 199, 129, 0.10);
}

html,
body {
	background:
		radial-gradient(circle at 8% 8%, rgba(217, 239, 225, 0.52), transparent 34%),
		radial-gradient(circle at 92% 4%, rgba(245, 251, 247, 0.72), transparent 32%),
		radial-gradient(circle at 52% 100%, rgba(248, 251, 249, 0.88), transparent 42%),
		linear-gradient(180deg, #ffffff 0%, #ffffff 46%, #f8fbf9 100%);
	color: var(--text-color);
}

.site-header,
.nav-shell,
.top-banner,
.site-footer,
.cart-drawer,
.size-select-dialog,
.shop-sidebar,
.oc-msgbox,
.auth-dropdown,
.country-selector-menu,
.search-suggest {
	background-color: rgba(255, 255, 255, 0.96);
	color: var(--text-color);
	border-color: var(--border-color);
}

.top-banner {
	background: linear-gradient(90deg, #ffffff 0%, #f8fbf9 50%, #ffffff 100%);
	color: #0f3d2e;
	border-bottom: 1px solid var(--border-color);
	box-shadow: inset 0 -1px 0 rgba(217, 239, 225, 0.50);
}

.top-banner strong,
.brand-sub,
.hero-kicker,
.section-kicker,
.product-category,
.promo-tag,
.product-info a:hover,
.search-suggest-price,
.curr-price,
.product-price-lg,
.review-rating,
.rating-row {
	color: #0f8a55;
}

.nav-shell {
	background: rgba(255, 255, 255, 0.94);
	border-bottom: 1px solid rgba(217, 239, 225, 0.82);
	box-shadow: 0 12px 28px rgba(34, 199, 129, 0.08);
}

.brand-logo-text {
	background: linear-gradient(120deg, #0f3d2e 0%, #0f8a55 48%, #22c781 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.main-nav a,
.icon-btn,
.search-toggle,
.auth-user-trigger,
.country-selector-trigger,
.shop-filter-toggle,
.size-chart-btn,
.qty-btn,
.cart-qty-control .qty-btn,
.size-select-qty-btn,
.promo-swiper-nav,
.wishlist-btn-home,
.wishlist-btn-remove {
	color: #0f3d2e;
	background: rgba(255, 255, 255, 0.92);
	border-color: var(--border-color);
}

.main-nav a:hover,
.main-nav a.active,
.icon-btn:hover,
.search-box.active .search-toggle,
.country-selector-trigger:hover,
.auth-user-trigger:hover,
.shop-filter-toggle:hover,
.shop-filter-toggle:focus-visible,
.size-chart-btn:hover,
.qty-btn:hover,
.cart-qty-control .qty-btn:hover,
.size-select-qty-btn:hover,
.promo-swiper-nav:hover,
.wishlist-btn-home:hover,
.wishlist-btn-home.active,
.wishlist-btn-remove:hover {
	color: #0f8a55;
	background: #f8fbf9;
	border-color: #22c781;
	box-shadow: 0 10px 22px rgba(34, 199, 129, 0.14);
}

.btn,
.buy-now-btn,
.size-select-confirm,
.product-card .btn,
.add-to-cart-btn-home,
.floating-action-btn,
.badge-discount,
.badge-new,
.badge-sale,
.badge-hot {
	background: linear-gradient(135deg, #dff7e9 0%, #22c781 100%);
	border-color: #22c781;
	color: #0f3d2e;
	box-shadow: 0 14px 28px rgba(34, 199, 129, 0.22);
}

.btn:hover,
.btn:focus,
.btn-outline:hover,
.btn-outline:focus,
.buy-now-btn:hover,
.product-card .btn:hover,
.add-to-cart-btn-home:hover,
.floating-action-btn:hover,
.size-select-confirm:hover:not([disabled]) {
	background: #0f3d2e;
	border-color: #0f3d2e;
	color: #ffffff;
	box-shadow: 0 14px 30px rgba(31, 45, 39, 0.18);
}

.btn-outline {
	background: #ffffff;
	border-color: #22c781;
	color: #0f3d2e;
}

input,
textarea,
select,
.search-input,
#sort-select,
.size-select-qty-input,
.qty-input {
	background-color: #ffffff;
	border-color: var(--border-color);
	color: var(--text-color);
}

input:focus,
textarea:focus,
select:focus,
.search-input:focus,
#sort-select:focus,
.size-select-qty-input:focus,
.qty-input:focus {
	border-color: #22c781;
	box-shadow: 0 0 0 3px rgba(34, 199, 129, 0.18);
	outline: none;
}

.search-suggest-item:hover,
.auth-menu-item:hover,
.country-selector-option:hover,
.country-selector-option.active,
.size-select-option:hover,
.size-select-option.active,
.size-option:hover,
.size-option.active,
.tab-btn.active,
.filter-list a:hover,
.filter-list a.active {
	background: #f8fbf9;
	border-color: #22c781;
	color: #0f3d2e;
	box-shadow: 0 10px 22px rgba(34, 199, 129, 0.12);
}

.filter-list a.active,
.tab-btn.active,
.size-select-option.active,
.size-option.active {
	background: linear-gradient(135deg, #22c781 0%, #0f8a55 100%);
	border-color: #0f8a55;
	color: #ffffff;
}

.product-card,
.service-card,
.review-card,
.hero-copy,
.hero-visual,
.hero-tech-showcase,
.showcase-card,
.promo-banner,
.why-card,
.advantage-card,
.testimonial-card,
.cart-item,
.cart-summary,
.checkout-card,
.shop-empty,
.product-gallery-main,
.product-features,
.product-specs,
.product-reviews,
.product-media,
.product-img-wrap,
.shop-content .product-img-wrap,
.product-card.compact {
	background: rgba(255, 255, 255, 0.94);
	border-color: var(--border-color);
	box-shadow: 0 16px 40px rgba(34, 199, 129, 0.09);
}

.product-card:hover,
.service-card:hover,
.review-card:hover,
.product-card.compact:hover,
.home-main .product-card:hover {
	border-color: #22c781;
	box-shadow: 0 20px 46px rgba(34, 199, 129, 0.16);
}

.product-media,
.product-img-wrap,
.shop-content .product-img-wrap,
.product-gallery-main,
.product-gallery-thumbs img,
.search-suggest-img,
.cart-product-col img {
	background: #ffffff;
	border-color: #d1fae5;
}

.page-aura {
	background:
		radial-gradient(circle at 8% 10%, rgba(217, 239, 225, 0.56), transparent 34%),
		radial-gradient(circle at 88% 16%, rgba(245, 251, 247, 0.70), transparent 36%),
		radial-gradient(circle at 50% 86%, rgba(236, 253, 245, 0.92), transparent 38%);
}

.hero-visual,
.hero-tech-showcase {
	background:
		linear-gradient(160deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 249, 0.94) 100%),
		radial-gradient(circle at 72% 24%, rgba(34, 199, 129, 0.18), transparent 42%);
}

.visual-glow,
.hero-tech-showcase .visual-glow {
	background: radial-gradient(circle, rgba(34, 199, 129, 0.35), rgba(245, 251, 247, 0));
}

.showcase-headphones,
.showcase-card-control i,
.showcase-card-mini,
.keyboard-row span,
.showcase-wave span,
.avatar.tone-a,
.avatar.tone-b,
.avatar.tone-c {
	background: linear-gradient(135deg, #22c781 0%, #0f8a55 100%);
	color: #ffffff;
}

.drawer-overlay,
.shop-filter-overlay,
.size-select-modal::before,
.oc-msgbox-backdrop {
	background: rgba(31, 45, 39, 0.36);
}

.cart-footer,
.country-selector-option-code,
.product-features,
.product-specs,
.checkout-success .success-icon,
.summary-row.discount-row,
.empty-state {
	background: #f8fbf9;
	color: #0f3d2e;
}

.site-footer {
	background:
		radial-gradient(circle at 8% 0%, rgba(217, 239, 225, 0.56), transparent 28%),
		radial-gradient(circle at 92% 12%, rgba(245, 251, 247, 0.70), transparent 30%),
		linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%);
	color: #1f2d27;
	border-top: 1px solid var(--border-color);
}

.site-footer h3,
.site-footer h4,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer .footer-brand,
.site-footer .footer-links a,
.site-footer .footer-contact li,
.site-footer .footer-bottom,
.site-footer .footer-legal a,
.site-footer .footer-country-list li,
.site-footer .footer-country-pill {
	color: #1f2d27;
}

.site-footer .footer-links a:hover,
.site-footer .footer-legal a:hover {
	color: #0f8a55;
}

.site-footer .trust-logo,
.site-footer .payment-logo,
.site-footer .footer-country-pill {
	background: rgba(255, 255, 255, 0.86);
	border-color: #d9efe1;
	color: #0f3d2e;
}

.site-footer .trust-logo-icon,
.site-footer .payment-logo i {
	background: #f5fbf7;
	color: #0f8a55;
}

/* Footer contrast guard: white + light-green theme with readable text */
.site-footer,
body .site-footer {
	background:
		radial-gradient(circle at 8% 0%, rgba(217, 239, 225, 0.42), transparent 28%),
		radial-gradient(circle at 92% 12%, rgba(245, 251, 247, 0.58), transparent 30%),
		linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%) !important;
	color: #1f2d27 !important;
	border-top: 1px solid #d9efe1 !important;
}

.site-footer .footer-brand-row h3,
.site-footer .footer-col h4,
.site-footer .footer-trust h5 {
	color: #0f3d2e !important;
}

.site-footer .footer-brand-row p,
.site-footer .footer-col > p,
.site-footer .footer-links li,
.site-footer .contact-info li,
.site-footer .contact-info strong,
.site-footer .footer-links a,
.site-footer .copyright,
.site-footer .copyright p,
.site-footer .footer-legal,
.site-footer .footer-legal a,
.site-footer .trust-logo,
.site-footer .trust-logo-text,
.site-footer .trust-logo span {
	color: #1f2d27 !important;
}

.site-footer .footer-col > p,
.site-footer .contact-info li,
.site-footer .copyright {
	color: #5d7068 !important;
}

.site-footer .footer-links a:hover,
.site-footer .footer-legal a:hover {
	color: #0f8a55 !important;
}

.site-footer .footer-trust,
.site-footer .copyright {
	border-color: #d1fae5 !important;
}

.site-footer .trust-logo {
	background: rgba(255, 255, 255, 0.96) !important;
	border: 1px solid #dff7e9 !important;
	box-shadow: 0 10px 22px rgba(34, 199, 129, 0.10) !important;
}

.site-footer .trust-logo-icon {
	background: #f5fbf7 !important;
	color: #047857 !important;
}

.site-footer .trust-logo img {
	filter: none !important;
	opacity: 1 !important;
}

/* v3 White minimal theme refinement: white-first layout, green as accent, dark readable text */
:root {
    --primary-color: #22c781 !important;
    --primary-hover: #0f6b47 !important;
    --accent-color: #f5fbf7 !important;
    --bg-color: #ffffff !important;
    --surface-color: #ffffff !important;
    --text-color: #1f2d27 !important;
    --text-light: #5d7068 !important;
    --heading-color: #0f3d2e !important;
    --border-color: #d9efe1 !important;
    --bg: #ffffff !important;
    --bg-soft: #f8fbf9 !important;
    --surface: #ffffff !important;
    --surface-soft: #fbfdfc !important;
    --line: #e3f2e8 !important;
    --text: #1f2d27 !important;
    --muted: #5d7068 !important;
    --primary: #22c781 !important;
    --primary-soft: #dff7e9 !important;
    --accent: #f5fbf7 !important;
    --footer: #ffffff !important;
    --shadow: 0 20px 52px rgba(31, 45, 39, 0.08) !important;
    --shadow-sm: 0 10px 26px rgba(31, 45, 39, 0.06) !important;
    --shadow-soft: 0 18px 46px rgba(31, 45, 39, 0.07) !important;
    --shadow-card: 0 14px 36px rgba(31, 45, 39, 0.06) !important;
}

html,
body,
body.theme-digital-green,
body.auth-merged-page {
    background: #ffffff !important;
    color: #1f2d27 !important;
}

body::before,
body::after,
.page-aura {
    opacity: 0.18 !important;
}

body,
p,
li,
label,
small,
input,
textarea,
select,
.form-control,
.breadcrumb-text,
.auth-subtitle,
.input-hint,
.product-desc,
.product-description,
.product-detail,
.product-meta,
.product-info,
.product-info p,
.cart-item,
.cart-summary,
.checkout-card,
.policy-rich,
.order-detail-card,
.footer-col,
.site-footer {
    color: #1f2d27 !important;
}

.text-muted,
.text-light,
.product-category,
.section-subtitle,
.hero-copy p,
.input-hint,
.auth-subtitle,
.checkout-hint,
.size-note,
.footer-col > p,
.contact-info li,
.site-footer .copyright,
.site-footer .trust-logo-text,
.site-footer .footer-bottom {
    color: #5d7068 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.auth-title,
.checkout-section-title,
.product-title,
.product-info h3,
.cart-summary h3,
.shop-title,
.footer-brand-row h3,
.site-footer h3,
.site-footer h4,
.site-footer .footer-trust h5 {
    color: #0f3d2e !important;
}

/* White-first page surfaces */
.top-strip,
.top-banner,
.site-header,
.nav-shell,
.home-main,
.hero-section,
.shop-content,
.auth-stage,
.forms-pane,
.auth-form-panel,
.checkout-card,
.cart-summary,
.cart-item,
.product-card,
.service-card,
.review-card,
.hero-copy,
.hero-visual,
.hero-tech-showcase,
.showcase-card,
.promo-banner,
.why-card,
.advantage-card,
.testimonial-card,
.shop-empty,
.product-gallery-main,
.product-features,
.product-specs,
.product-reviews,
.product-media,
.product-img-wrap,
.shop-content .product-img-wrap,
.product-card.compact,
.shop-sidebar,
.cart-drawer,
.size-select-dialog,
.auth-dropdown,
.country-selector-menu,
.search-suggest,
.oc-msgbox {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #d9efe1 !important;
    color: #1f2d27 !important;
    box-shadow: 0 14px 36px rgba(31, 45, 39, 0.06) !important;
}

.home-main,
.hero-section,
.shop-content,
main,
.page-section,
.policy-page,
.auth-merged-main {
    background:
        linear-gradient(180deg, #ffffff 0%, #ffffff 72%, #fbfdfc 100%) !important;
}

body.theme-digital-green .home-main,
body.theme-digital-green .hero-section {
    background:
        linear-gradient(90deg, rgba(227, 242, 232, 0.42) 0 1px, transparent 1px 100%),
        linear-gradient(0deg, rgba(227, 242, 232, 0.42) 0 1px, transparent 1px 100%),
        linear-gradient(135deg, #ffffff 0%, #ffffff 70%, #f8fbf9 100%) !important;
    background-size: 52px 52px, 52px 52px, auto !important;
}

.top-banner {
    background: #ffffff !important;
    color: #1f2d27 !important;
    border-bottom: 1px solid #e3f2e8 !important;
    box-shadow: none !important;
}

.nav-shell {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid #e3f2e8 !important;
    box-shadow: 0 8px 24px rgba(31, 45, 39, 0.05) !important;
}

.brand-logo-text {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    color: #0f8a55 !important;
}

.brand-sub,
.hero-kicker,
.section-kicker,
.promo-tag,
.search-suggest-price,
.curr-price,
.product-price-lg,
.review-rating,
.rating-row,
.price,
.product-price,
.checkout-success .success-icon i,
.top-banner strong {
    color: #0f8a55 !important;
}

/* Navigation, icons, hover and active states */
.main-nav a,
.icon-btn,
.search-toggle,
.auth-user-trigger,
.country-selector-trigger,
.shop-filter-toggle,
.size-chart-btn,
.qty-btn,
.cart-qty-control .qty-btn,
.size-select-qty-btn,
.promo-swiper-nav,
.wishlist-btn-home,
.wishlist-btn-remove {
    color: #0f3d2e !important;
    background: #ffffff !important;
    border-color: #d9efe1 !important;
    box-shadow: none !important;
}

.main-nav a:hover,
.main-nav a.active,
.icon-btn:hover,
.search-box.active .search-toggle,
.country-selector-trigger:hover,
.auth-user-trigger:hover,
.shop-filter-toggle:hover,
.shop-filter-toggle:focus-visible,
.size-chart-btn:hover,
.qty-btn:hover,
.cart-qty-control .qty-btn:hover,
.size-select-qty-btn:hover,
.promo-swiper-nav:hover,
.wishlist-btn-home:hover,
.wishlist-btn-home.active,
.wishlist-btn-remove:hover,
.search-suggest-item:hover,
.auth-menu-item:hover,
.country-selector-option:hover,
.country-selector-option.active,
.size-select-option:hover,
.size-option:hover,
.tab-btn:hover,
.filter-list a:hover {
    color: #0f8a55 !important;
    background: #f5fbf7 !important;
    border-color: #bfe8cf !important;
    box-shadow: 0 8px 18px rgba(34, 199, 129, 0.10) !important;
}

.country-selector-option.active,
.size-select-option.active,
.size-option.active,
.tab-btn.active,
.filter-list a.active,
.filter-chip.active,
.category-chip.active,
.sort-chip.active,
.product-option.active,
.product-option.is-active,
.is-active,
.active[role="tab"] {
    background: #eefaf3 !important;
    border-color: #8edfb0 !important;
    color: #0f6b47 !important;
    box-shadow: 0 8px 18px rgba(34, 199, 129, 0.12) !important;
}

/* Buttons keep green as the main accent, not as large backgrounds */
.btn,
.buy-now-btn,
.size-select-confirm,
.product-card .btn,
.add-to-cart-btn-home,
.add-to-cart-btn,
.hero-cta-btn,
.floating-action-btn,
.auth-submit-btn,
.order-toggle-btn {
    background: #22c781 !important;
    border-color: #22c781 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(34, 199, 129, 0.18) !important;
}

.btn:hover,
.btn:focus,
.buy-now-btn:hover,
.product-card .btn:hover,
.add-to-cart-btn-home:hover,
.add-to-cart-btn:hover,
.hero-cta-btn:hover,
.floating-action-btn:hover,
.size-select-confirm:hover:not([disabled]),
.auth-submit-btn:hover,
.order-toggle-btn:hover {
    background: #0f6b47 !important;
    border-color: #0f6b47 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(15, 107, 71, 0.18) !important;
}

.btn-outline,
.overlay-btn,
.secondary-btn,
.ghost-btn {
    background: #ffffff !important;
    border-color: #bfe8cf !important;
    color: #0f6b47 !important;
    box-shadow: none !important;
}

.btn-outline:hover,
.overlay-btn:hover,
.secondary-btn:hover,
.ghost-btn:hover {
    background: #f5fbf7 !important;
    border-color: #8edfb0 !important;
    color: #0f6b47 !important;
}

/* Forms and focused states */
input,
textarea,
select,
.form-control,
.search-input,
#sort-select,
.size-select-qty-input,
.qty-input,
.auth-form .form-control,
.checkout-form .form-control {
    background: #ffffff !important;
    border-color: #d9efe1 !important;
    color: #1f2d27 !important;
    box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: #7c8b84 !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.search-input:focus,
#sort-select:focus,
.size-select-qty-input:focus,
.qty-input:focus,
.auth-form .form-control:focus,
.checkout-form .form-control:focus {
    border-color: #8edfb0 !important;
    box-shadow: 0 0 0 3px rgba(34, 199, 129, 0.12) !important;
    outline: none !important;
}

/* Auth split panel: remove large green block and make all text readable */
.auth-stage {
    background: #ffffff !important;
    border: 1px solid #e3f2e8 !important;
    box-shadow: 0 22px 58px rgba(31, 45, 39, 0.08) !important;
}

.overlay-pane,
.auth-stage .overlay-pane {
    background:
        radial-gradient(circle at 84% 18%, rgba(34, 199, 129, 0.10), transparent 36%),
        linear-gradient(145deg, #ffffff 0%, #fbfdfc 100%) !important;
    color: #1f2d27 !important;
    border-left: 1px solid #e3f2e8 !important;
}

.auth-stage.register-active .overlay-pane {
    border-left: 0 !important;
    border-right: 1px solid #e3f2e8 !important;
}

.overlay-copy h3,
.overlay-copy p,
.overlay-copy,
.overlay-pane h3,
.overlay-pane p {
    color: #0f3d2e !important;
    text-shadow: none !important;
}

.overlay-copy p,
.overlay-pane p {
    color: #5d7068 !important;
}

.overlay-btn {
    border: 1px solid #bfe8cf !important;
    color: #0f6b47 !important;
    background: #ffffff !important;
}

.overlay-btn:hover {
    background: #eefaf3 !important;
    border-color: #8edfb0 !important;
    transform: translateY(-1px);
}

/* Product/home visual blocks: reduce decorative green */
.hero-tech-showcase,
.hero-visual {
    background:
        radial-gradient(circle at 84% 18%, rgba(34, 199, 129, 0.08), transparent 30%),
        linear-gradient(145deg, #ffffff 0%, #fbfdfc 100%) !important;
    border-color: #e3f2e8 !important;
}

.visual-glow,
.hero-tech-showcase .visual-glow,
.page-aura {
    background: radial-gradient(circle, rgba(34, 199, 129, 0.10), rgba(255, 255, 255, 0)) !important;
}

.showcase-card-main::after {
    background: #ffffff !important;
    border-color: #d9efe1 !important;
}

.showcase-card-mini,
.showcase-card-control {
    background: #f8fbf9 !important;
    color: #0f6b47 !important;
    border-color: #d9efe1 !important;
}

.showcase-card-mini i,
.showcase-card-control i,
.showcase-headphones i,
.showcase-wave span,
.showcase-card-top span,
.keyboard-row span,
.showcase-card-control i,
.avatar.tone-a,
.avatar.tone-b,
.avatar.tone-c {
    color: #0f8a55 !important;
    background: #dff7e9 !important;
}

/* Cards: white surface, green only on hover borders */
.product-card:hover,
.service-card:hover,
.review-card:hover,
.product-card.compact:hover,
.home-main .product-card:hover,
body.theme-digital-green .home-main .product-card:hover,
body.theme-digital-green .home-main .product-card:focus-within {
    background: #ffffff !important;
    border-color: #bfe8cf !important;
    box-shadow: 0 18px 44px rgba(31, 45, 39, 0.08) !important;
}

.badge-discount,
.badge-new,
.badge-sale,
.badge-hot,
.country-selector-option-code,
.summary-row.discount-row,
.empty-state,
.product-features,
.product-specs,
.checkout-success .success-icon,
.cart-footer {
    background: #f5fbf7 !important;
    border-color: #d9efe1 !important;
    color: #0f6b47 !important;
}

.drawer-overlay,
.shop-filter-overlay,
.size-select-modal::before,
.oc-msgbox-backdrop {
    background: rgba(31, 45, 39, 0.34) !important;
}

/* Footer: white background, readable text, only subtle green accents */
.site-footer,
body .site-footer,
body.theme-digital-green .site-footer {
    background: #ffffff !important;
    color: #1f2d27 !important;
    border-top: 1px solid #e3f2e8 !important;
    box-shadow: none !important;
}

.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer .footer-brand-row h3,
.site-footer .footer-col h4,
.site-footer .footer-trust h5 {
    color: #0f3d2e !important;
}

.site-footer p,
.site-footer li,
.site-footer a,
.site-footer strong,
.site-footer .footer-brand,
.site-footer .footer-links a,
.site-footer .footer-contact li,
.site-footer .footer-bottom,
.site-footer .footer-legal a,
.site-footer .footer-country-list li,
.site-footer .footer-country-pill,
.site-footer .trust-logo,
.site-footer .trust-logo-text,
.site-footer .trust-logo span,
.site-footer .copyright,
.site-footer .copyright p {
    color: #1f2d27 !important;
}

.site-footer .footer-col > p,
.site-footer .contact-info li,
.site-footer .copyright,
.site-footer .trust-logo-text {
    color: #5d7068 !important;
}

.site-footer .footer-links a:hover,
.site-footer .footer-legal a:hover {
    color: #0f8a55 !important;
}

.site-footer .trust-logo,
.site-footer .payment-logo,
.site-footer .footer-country-pill {
    background: #ffffff !important;
    border: 1px solid #d9efe1 !important;
    box-shadow: none !important;
}

.site-footer .trust-logo-icon,
.site-footer .payment-logo i {
    background: #f5fbf7 !important;
    color: #0f8a55 !important;
}


/* v3 extra guards for home visual decorative blocks */
.showcase-headphones,
.watch-highlight,
.promo-carousel,
.showcase-card-main,
.showcase-card-keyboard,
.showcase-card-control,
.showcase-card-mini,
.service-icon,
.visual-orbit,
.hero-device,
.hero-phone,
.hero-product-panel {
    background: #ffffff !important;
    border-color: #d9efe1 !important;
    color: #0f6b47 !important;
    box-shadow: 0 14px 36px rgba(31, 45, 39, 0.06) !important;
}

.showcase-headphones {
    background:
        radial-gradient(circle at 50% 30%, rgba(34, 199, 129, 0.08), transparent 44%),
        linear-gradient(145deg, #ffffff 0%, #fbfdfc 100%) !important;
}

.showcase-headphones i,
.showcase-card-mini i,
.showcase-card-control i {
    color: #0f8a55 !important;
    background: transparent !important;
}

.avatar,
.avatar.tone-a,
.avatar.tone-b,
.avatar.tone-c {
    background: #eefaf3 !important;
    color: #0f6b47 !important;
}

.showcase-card-top span,
.showcase-wave span,
.keyboard-row span,
.why-card li::before,
.promo-swiper-pagination .swiper-pagination-bullet-active {
    background: #22c781 !important;
}

.showcase-grid {
    opacity: 0.36 !important;
    filter: none !important;
    background-image:
        linear-gradient(rgba(217, 239, 225, 0.78) 1px, transparent 1px),
        linear-gradient(90deg, rgba(217, 239, 225, 0.78) 1px, transparent 1px) !important;
    mask-image: none !important;
}