/*
Theme Name: Technomall
Theme URI: https://vasco.ge
Description: Custom high-performance theme for Technomall
Author: Vasco
Author URI: https://vasco.ge
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: technomall, e-commerce, vasco, woocommerce
*/

/* --------------------------------------------------------------------------
   0. BRAND TYPOGRAPHY DEFINITION (LOOS NORMAL)
   -------------------------------------------------------------------------- */
@font-face {
	font-family: 'Loos Normal';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('./assets/fonts/Loos_Normal_Regular.woff2') format('woff2'),
	     url('./assets/fonts/Loos_Normal_Regular.otf') format('opentype');
}

:root {
	--wp--preset--font-family--loos-normal: 'Loos Normal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html,
body,
*,
*::before,
*::after,
button,
input,
optgroup,
select,
textarea,
h1, h2, h3, h4, h5, h6,
p, a, span, label, div,
.technomall-category-menu,
.technomall-category-menu__trigger,
.technomall-category-menu__label,
.technomall-category-links,
.technomall-category-links a,
.wp-site-blocks,
.site-header,
.site-main,
.site-footer,
.technomall-product-card,
.technomall-filter-wrapper,
.wp-block-heading,
.wp-block-navigation,
.wc-block-components-button,
.button {
	font-family: 'Loos Normal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-synthesis: weight style !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Global Body Background Rule for All Pages (100% Solid #f0f0f0 to prevent white flash) */
html,
body,
body.wp-site-blocks,
main.site-main,
.site-main,
.technomall-blog-main,
.technomall-single-blog-main,
.technomall-page-main {
	background-color: #f0f0f0;
}

/* Site Header Background (Stays #ffffff) */
header.site-header,
.site-header,
.technomall-header-wrapper,
.technomall-header-top,
.technomall-header-nav-bar {
	background-color: #ffffff;
}

/* Bold Typography Rules for All Headings, Titles, Buttons & Navigation Links */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-post-title,
.entry-title,
.wp-block-navigation-item__label,
.technomall-category-menu,
.technomall-category-menu__trigger,
.technomall-category-menu__label,
.technomall-category-links a,
.technomall-product-card .technomall-card-title,
.technomall-price,
.technomall-phone-number,
strong,
b {
	font-weight: 700 !important;
	text-transform: uppercase;
	font-feature-settings: 'case' 1;
	font-synthesis: weight !important;
}

h1, .wp-block-heading.is-style-h1, .wp-block-post-title, .entry-title {
	line-height: 1.15;
	letter-spacing: -0.015em;
}

h2, .wp-block-heading.is-style-h2 {
	line-height: 1.15;
	letter-spacing: -0.01em;
}

h3, .wp-block-heading.is-style-h3 {
	line-height: 1.2;
	letter-spacing: -0.005em;
}

h4, h5, h6,
.wp-block-heading.is-style-h4,
.wp-block-heading.is-style-h5,
.wp-block-heading.is-style-h6 {
	line-height: 1.22;
}

/* Site-Wide Standardized Mobile Heading Scale (<= 768px and <= 480px) */
@media (max-width: 768px) {
	h1, .wp-block-heading.is-style-h1, .wp-block-post-title, .entry-title {
		font-size: 20px !important;
		line-height: 1.15 !important;
	}

	h2, .wp-block-heading.is-style-h2 {
		font-size: 18px !important;
		line-height: 1.15 !important;
	}

	h3, .wp-block-heading.is-style-h3 {
		font-size: 16px !important;
		line-height: 1.2 !important;
	}

	h4, .wp-block-heading.is-style-h4 {
		font-size: 15px !important;
		line-height: 1.22 !important;
	}

	h5, .wp-block-heading.is-style-h5 {
		font-size: 14px !important;
		line-height: 1.25 !important;
	}

	h6, .wp-block-heading.is-style-h6 {
		font-size: 13px !important;
		line-height: 1.3 !important;
	}
}

@media (max-width: 480px) {
	h1, .wp-block-heading.is-style-h1, .wp-block-post-title, .entry-title {
		font-size: 18px !important;
		line-height: 1.15 !important;
	}

	h2, .wp-block-heading.is-style-h2 {
		font-size: 16.5px !important;
		line-height: 1.15 !important;
	}

	h3, .wp-block-heading.is-style-h3 {
		font-size: 15px !important;
		line-height: 1.2 !important;
	}
}

/* Screen Reader Text Utilities */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* ==========================================================================
   HEADER TEMPLATE STYLES
   ========================================================================== */

/* Outer Template Part Container */
header.site-header,
.wp-block-template-part.site-header {
	background-color: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	position: sticky;
	top: 0;
	z-index: 500;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	margin: 0;
	padding: 0;
}

.technomall-header-wrapper {
	width: 100%;
	background: #ffffff;
}

.technomall-header-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 12px 24px;
	max-width: 1320px;
	margin: 0 auto;
}

/* Logo Image */
.technomall-brand-logo .technomall-logo-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

html body .technomall-brand-logo a img.technomall-logo-img,
html body .site-header img.technomall-logo-img {
	height: 36px;
	max-height: 36px;
	width: auto;
	max-width: 190px;
	object-fit: contain;
	display: block;
	margin-top: 6px;
}

/* Header Search Container */
.technomall-header-search-wrap {
	flex: 1;
	max-width: 720px;
	margin: 0;
}

/* Action Capsule Pill */
.technomall-header-actions-capsule {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: #E6F6FF;
	border-radius: 9999px;
	padding: 6px 6px;
	box-shadow: 0 2px 8px rgba(0, 163, 255, 0.08);
	flex-shrink: 0;
}

.technomall-header-phone {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 0.92rem;
	color: var(--wp--preset--color--contrast, #181E23);
	text-decoration: none;
	padding: 4px 6px;
	border-radius: 20px;
	transition: opacity 0.15s;
}

.technomall-header-phone:hover {
	opacity: 0.85;
}

.technomall-phone-icon {
	color: var(--wp--preset--color--contrast, #181E23);
	width: 20px;
	height: 20px;
}

.technomall-actions-divider {
	width: 1px;
	height: 22px;
	background: rgba(0, 163, 255, 0.25);
}

.technomall-header-account {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #ffffff;
	color: var(--wp--preset--color--contrast, #181E23);
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	transition: background-color 0.15s, transform 0.15s, color 0.15s;
}

.technomall-header-account:hover {
	background: var(--wp--preset--color--secondary, #00A3FF);
	color: #ffffff;
	transform: scale(1.05);
}

/* Enforce matched visual heights across all header action icons without !important */
html body .technomall-header-actions-capsule .technomall-phone-icon {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	flex-shrink: 0;
}

html body .technomall-header-actions-capsule .technomall-wishlist-header__icon svg,
html body .technomall-header-actions-capsule .technomall-account-icon,
html body .technomall-header-actions-capsule .wc-block-mini-cart__button .wc-block-mini-cart__icon,
html body .technomall-header-actions-capsule .wc-block-mini-cart__button svg,
html body .technomall-header-actions-capsule .wc-block-mini-cart__icon:not(.wc-block-mini-cart__drawer *) svg {
	width: 22px;
	height: 22px;
	min-width: 22px;
	min-height: 22px;
	max-width: 22px;
	max-height: 22px;
	flex-shrink: 0;
	display: block;
	transform: none;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	color: var(--wp--preset--color--contrast, #181E23);
	stroke: currentColor;
}

/* Shift Cart Icon down by 1px for exact baseline alignment with Heart icon */
html body .technomall-header-actions-capsule .wc-block-mini-cart__button .wc-block-mini-cart__icon,
html body .technomall-header-actions-capsule .wc-block-mini-cart__button svg {
	transform: translateY(1px);
}

/* Reduce spacing between Wishlist Heart and Cart by 3px */
html body .technomall-header-actions-capsule .wc-block-mini-cart {
	margin-left: -3px;
}

/* Header Action Capsule Buttons & Links */
html body .technomall-header-actions-capsule .wc-block-mini-cart,
html body .technomall-header-actions-capsule .wc-block-mini-cart__button,
html body .technomall-header-actions-capsule .technomall-wishlist-header__link,
html body .technomall-header-actions-capsule .technomall-header-account {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: relative;
}

html body .technomall-header-actions-capsule .technomall-wishlist-header__icon,
html body .technomall-header-actions-capsule .wc-block-mini-cart__quantity-badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Header Action Capsule Badges (Wishlist & Cart Count Badges) */
html body .technomall-header-actions-capsule .technomall-wishlist-header .technomall-wishlist-count,
html body .technomall-header-actions-capsule .wc-block-mini-cart__badge,
html body .technomall-header-actions-capsule .wc-block-mini-cart__quantity-badge > span,
html body .technomall-wishlist-count,
html body .wc-block-mini-cart__badge {
	align-items: center;
	border-radius: 1em;
	box-sizing: border-box;
	display: flex;
	font-size: 12px;
	font-weight: 500;
	height: 1.4285714286em;
	min-width: 1.4285714286em;
	justify-content: center;
	left: 100%;
	margin-left: -44%;
	margin-top: 2px;
	padding: 0 0.25em;
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	white-space: nowrap;
	z-index: 10;
	background-color: #000000 !important;
	color: #ffffff !important;
	box-shadow: none;
	line-height: 1;
}

/* Hide Wishlist & Cart Badges completely when count is 0 or hidden attribute is present */
html body .technomall-header-actions-capsule .technomall-wishlist-header .technomall-wishlist-count[hidden],
html body .technomall-header-actions-capsule .technomall-wishlist-header .technomall-wishlist-count[data-count="0"],
html body .technomall-wishlist-count[hidden],
html body .technomall-wishlist-count[data-count="0"],
html body .technomall-header-actions-capsule .wc-block-mini-cart__badge[hidden],
html body .technomall-header-actions-capsule .wc-block-mini-cart__badge:empty,
html body .wc-block-mini-cart__badge[hidden],
html body .wc-block-mini-cart__badge:empty {
	display: none;
}

/* Category Navigation Bar */
.technomall-header-nav-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding: 8px 24px;
	max-width: 1320px;
	margin: 0 auto;
	border-top: 1px solid #f3f4f6;
}

.technomall-category-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.technomall-category-links li {
	display: flex;
	align-items: center;
}

.technomall-category-links li a {
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--wp--preset--color--contrast, #181E23);
	text-decoration: none;
	text-transform: uppercase !important;
	font-feature-settings: 'case' 1 !important;
	-webkit-font-feature-settings: 'case' 1 !important;
	padding: 6px 0;
	position: relative;
	transition: color 0.15s;
	white-space: nowrap;
}

.technomall-category-links li a:hover {
	color: var(--wp--preset--color--secondary, #00A3FF);
}

.technomall-category-links li a.technomall-link-highlight {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: var(--wp--preset--color--contrast, #181E23);
	font-weight: 700;
	transition: color 0.15s ease;
}

.technomall-category-links li a.technomall-link-highlight:hover {
	color: #24b1ff;
	opacity: 1;
}

.technomall-nav-sale-badge {
	position: absolute;
	top: -6px;
	right: 0;
	left: auto;
	transform: none;
	display: inline-flex;
	align-items: center;
	gap: 2.5px;
	background: linear-gradient(135deg, #24b1ff 0%, #0098ea 100%);
	color: #ffffff;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 1.5px 5.5px 1.5px;
	border-radius: 9999px;
	box-shadow: 0 1.5px 5px rgba(36, 177, 255, 0.38);
	transition: box-shadow 0.2s ease, background 0.2s ease;
	pointer-events: none;
	user-select: none;
	white-space: nowrap;
	z-index: 2;
}

.technomall-category-links li a.technomall-link-highlight:hover .technomall-nav-sale-badge {
	transform: none;
	box-shadow: 0 2.5px 8px rgba(36, 177, 255, 0.55);
}

.technomall-nav-badge-icon {
	width: 8px;
	height: 8px;
	fill: #ffffff;
	stroke: #ffffff;
	flex-shrink: 0;
}

/* Mobile Responsiveness for Header */
@media (max-width: 991px) {
	.technomall-header-top {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 8px 12px;
		gap: 6px;
	}

	.technomall-brand-logo {
		order: 1;
		flex: 0 0 auto;
		max-width: 48%;
		display: flex;
		align-items: center;
	}

	html body .technomall-brand-logo a img.technomall-logo-img,
	html body .site-header img.technomall-logo-img {
		height: 26px !important;
		max-height: 26px !important;
		width: auto !important;
		max-width: 125px !important;
		object-fit: contain;
	}

	html body .technomall-header-actions-capsule {
		order: 2;
		margin-left: auto;
		flex: 0 0 auto;
		gap: 4px !important;
		padding: 3px 6px !important;
	}

	html body .technomall-header-actions-capsule .wc-block-mini-cart,
	html body .technomall-header-actions-capsule .wc-block-mini-cart__button,
	html body .technomall-header-actions-capsule .technomall-wishlist-header__link,
	html body .technomall-header-actions-capsule .technomall-header-account {
		width: 30px !important;
		height: 30px !important;
	}

	html body .technomall-header-actions-capsule .technomall-phone-icon {
		width: 18px !important;
		height: 18px !important;
		min-width: 18px !important;
		min-height: 18px !important;
	}

	html body .technomall-header-actions-capsule .technomall-wishlist-header__icon svg,
	html body .technomall-header-actions-capsule .technomall-account-icon,
	html body .technomall-header-actions-capsule .wc-block-mini-cart__button .wc-block-mini-cart__icon,
	html body .technomall-header-actions-capsule .wc-block-mini-cart__button svg,
	html body .technomall-header-actions-capsule .wc-block-mini-cart__icon:not(.wc-block-mini-cart__drawer *) svg {
		width: 18px !important;
		height: 18px !important;
		min-width: 18px !important;
		min-height: 18px !important;
		max-width: 18px !important;
		max-height: 18px !important;
	}

	html body .technomall-header-actions-capsule .technomall-actions-divider {
		height: 16px !important;
		margin: 0 1px !important;
	}

	.technomall-header-search-wrap {
		order: 3;
		max-width: 100%;
		width: 100%;
		flex: 0 0 100%;
		margin: 6px 0 0;
	}

	.technomall-phone-number {
		display: none;
	}

	html body .technomall-header-nav-bar,
	.technomall-header-nav-bar {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		padding: 6px 0 6px 16px !important;
		overflow: visible;
	}

	html body .technomall-category-links,
	.technomall-category-links {
		display: flex;
		align-items: center;
		gap: 8px;
		overflow-x: auto;
		white-space: nowrap;
		flex-wrap: nowrap;
		flex: 1;
		padding: 4px 16px 4px 0 !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.technomall-category-links::-webkit-scrollbar {
		display: none;
	}

	.technomall-category-links li {
		display: inline-flex;
		align-items: center;
		flex-shrink: 0;
	}

	.technomall-category-links li a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		box-sizing: border-box !important;
		padding: 0 14px !important;
		border-radius: 17px !important;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		font-size: 0.8rem;
		font-weight: 600;
		color: #1e293b;
		line-height: 1;
		transition: all 0.15s ease;
		white-space: nowrap;
	}

	.technomall-category-links li a:hover,
	.technomall-category-links li a:focus {
		background: #e0f2fe;
		border-color: #7dd3fc;
		color: #0284c7;
	}

	.technomall-category-links li a.technomall-link-highlight {
		background: #f8fafc;
		border-color: #e2e8f0;
		color: #1e293b;
		font-weight: 700;
		position: relative;
		overflow: visible !important;
	}

	.technomall-category-links li a.technomall-link-highlight:hover,
	.technomall-category-links li a.technomall-link-highlight:focus {
		background: #f0f9ff;
		border-color: #7dd3fc;
		color: #0284c7;
	}

	.technomall-category-links li a.technomall-link-highlight .technomall-nav-sale-badge {
		top: -6px;
		right: 4px;
		left: auto;
		transform: none;
		font-size: 7.5px;
		padding: 1px 4.5px;
	}

	.technomall-category-links li a.technomall-link-highlight .technomall-nav-sale-badge::after {
		display: none;
	}

	.technomall-category-links li a.technomall-link-highlight:hover .technomall-nav-sale-badge {
		transform: translateY(-1px) scale(1.05);
	}
}

/* ==========================================================================
   FOOTER TEMPLATE STYLES
   ========================================================================== */

.site-footer,
.technomall-site-footer,
html body .site-footer.has-global-padding {
	background-color: #0B0E1B !important;
	color: #94A3B8;
	padding-top: 48px !important;
	padding-bottom: 24px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-family: inherit;
	width: 100% !important;
}

html body .technomall-footer-inner {
	max-width: 1320px !important;
	margin: 0 auto !important;
	width: 100% !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
}

.technomall-footer-grid {
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 24px !important;
	margin-bottom: 32px !important;
	width: 100% !important;
}

.technomall-site-footer .technomall-footer-col {
	flex: 0 1 auto !important;
}

/* Zero out WordPress Gutenberg default top block-gap margins on footer column children */
.technomall-site-footer .technomall-footer-col > *,
.technomall-site-footer .wp-block-column > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.technomall-site-footer .technomall-footer-heading {
	color: #FFB800 !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	margin-top: 0 !important;
	margin-bottom: 18px !important;
	text-transform: none !important;
	letter-spacing: 0.2px;
}

.technomall-site-footer .technomall-subheading {
	margin-top: 26px !important;
	margin-bottom: 14px !important;
}

.technomall-site-footer .technomall-footer-links {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.technomall-site-footer .technomall-footer-links li {
	margin-bottom: 12px !important;
	font-size: 0.92rem !important;
	line-height: 1.4 !important;
}

.technomall-site-footer .technomall-footer-links li a {
	color: #CBD5E1 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	display: inline-block;
}

.technomall-site-footer .technomall-footer-links li a:hover {
	color: #FFB800 !important;
	transform: translateX(3px);
}

.technomall-site-footer .technomall-contact-item {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 14px !important;
	font-size: 0.92rem !important;
	line-height: 1.4 !important;
	color: #CBD5E1 !important;
}

.technomall-site-footer .technomall-contact-item svg.contact-icon {
	color: #FFB800 !important;
	flex-shrink: 0;
}

.technomall-site-footer .technomall-contact-item a,
.technomall-site-footer .technomall-address-item a {
	color: #CBD5E1 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.technomall-site-footer .technomall-contact-item a:hover,
.technomall-site-footer .technomall-address-item a:hover {
	color: #FFB800 !important;
}

.technomall-site-footer .technomall-address-item {
	font-size: 0.92rem !important;
	color: #CBD5E1 !important;
	margin-bottom: 14px !important;
	line-height: 1.4 !important;
}

.technomall-site-footer .technomall-hours-item {
	font-size: 0.92rem !important;
	color: #CBD5E1 !important;
	margin-bottom: 16px !important;
	line-height: 1.4 !important;
}

.technomall-site-footer .technomall-hours-closed {
	opacity: 0.5 !important;
}

.technomall-footer-divider {
	border-color: rgba(255, 255, 255, 0.08) !important;
	border-style: solid !important;
	border-width: 1px 0 0 0 !important;
	margin: 32px 0 24px !important;
	width: 100% !important;
}

.technomall-footer-bottom {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	width: 100% !important;
	padding-top: 4px !important;
}

.technomall-copyright {
	color: #64748B !important;
	font-size: 0.88rem !important;
	margin: 0 !important;
}

/* Strictly Brand Yellow Social Icons Matching Reference Design */
.wp-block-social-links.technomall-social-links {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.wp-block-social-links.technomall-social-links .wp-social-link,
.wp-block-social-links.technomall-social-links .wp-social-link a,
.wp-block-social-links.technomall-social-links .wp-social-link-facebook,
.wp-block-social-links.technomall-social-links .wp-social-link-instagram,
.wp-block-social-links.technomall-social-links .wp-social-link-linkedin {
	background: transparent !important;
	background-color: transparent !important;
	color: #FFB800 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.2s ease, color 0.2s ease !important;
}

.wp-block-social-links.technomall-social-links .wp-social-link a:hover {
	color: #FFD54F !important;
	transform: scale(1.15) !important;
	background: transparent !important;
	box-shadow: none !important;
}

.wp-block-social-links.technomall-social-links .wp-social-link svg,
.wp-block-social-links.technomall-social-links .wp-social-link a svg {
	width: 20px !important;
	height: 20px !important;
	fill: #FFB800 !important;
	color: #FFB800 !important;
	transition: fill 0.2s ease !important;
}

.wp-block-social-links.technomall-social-links .wp-social-link a:hover svg {
	fill: #FFD54F !important;
	color: #FFD54F !important;
}

@media (max-width: 1024px) {
	.technomall-footer-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 32px !important;
	}
}

@media (max-width: 768px) {
	.site-footer,
	.technomall-site-footer,
	html body .site-footer.has-global-padding {
		padding-top: 32px !important;
		padding-bottom: 24px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	html body .technomall-footer-inner {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.technomall-footer-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
		margin-bottom: 24px !important;
	}

	.technomall-footer-divider {
		margin: 20px 0 16px !important;
	}

	.technomall-footer-bottom {
		flex-direction: column !important;
		align-items: flex-start !important;
		text-align: left !important;
		gap: 12px !important;
	}
}

/* ==========================================================================
   PRODUCT LOOP GRID ALIGNMENT
   ========================================================================== */

html body ul.products,
html body .wp-block-woocommerce-product-template,
html body .wc-block-product-template,
html body .wc-block-grid__products,
html body .technomall-products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

@media (min-width: 1200px) {
	html body.technomall-grid-5 ul.products,
	html body.technomall-grid-5 .wp-block-woocommerce-product-template,
	html body.technomall-grid-5 .wc-block-product-template,
	html body .cols-5 ul.products,
	html body .cols-5 .wp-block-woocommerce-product-template {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 1024px) {
	html body ul.products,
	html body .wp-block-woocommerce-product-template,
	html body .wc-block-product-template,
	html body .wc-block-grid__products,
	html body .technomall-products-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
}

@media (max-width: 768px) {
	html body ul.products,
	html body .wp-block-woocommerce-product-template,
	html body .wc-block-product-template,
	html body .wc-block-grid__products,
	html body .technomall-products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}

html body ul.products li.product,
html body .wp-block-woocommerce-product-template li,
html body .wc-block-product-template__item,
html body .wc-block-grid__product {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}

html body .technomall-card-image-area,
html body .technomall-product-card .technomall-card-image-area,
html body .wc-block-components-product-image,
html body .wp-block-woocommerce-product-image {
	position: relative;
	width: 100%;
	height: 180px;
	max-height: 180px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 16px 16px 8px 16px;
	box-sizing: border-box;
}

html body .technomall-card-img,
html body .technomall-product-card img,
html body .technomall-card-image-area img,
html body .wc-block-components-product-image img,
html body .wp-block-woocommerce-product-image img,
html body .wp-block-woocommerce-product-template img,
html body .wc-block-product-template img,
html body ul.products li.product img,
html body .products img {
	width: 100%;
	max-width: 100%;
	height: 180px;
	max-height: 180px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	html body .technomall-card-image-area,
	html body .technomall-product-card .technomall-card-image-area,
	html body .wc-block-components-product-image,
	html body .wp-block-woocommerce-product-image {
		height: 135px;
		max-height: 135px;
		padding: 10px 10px 4px 10px;
	}
	html body .technomall-card-img,
	html body .technomall-product-card img,
	html body .technomall-card-image-area img,
	html body .wc-block-components-product-image img,
	html body .wp-block-woocommerce-product-image img,
	html body .wp-block-woocommerce-product-template img,
	html body .wc-block-product-template img,
	html body ul.products li.product img,
	html body .products img {
		height: 135px;
		max-height: 135px;
	}
}

/* Hide WordPress Admin Bar Search that confuses users */
#wpadminbar #wp-admin-bar-search,
#wpadminbar #adminbar-search,
.adminbar-input {
    display: none !important;
}

html body ul.products::before,
html body ul.products::after,
html body.woocommerce-account #technomall-account-wishlist-grid ul.products::before,
html body.woocommerce-account #technomall-account-wishlist-grid ul.products::after,
html body #technomall-account-wishlist-grid ul.products::before,
html body #technomall-account-wishlist-grid ul.products::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* ==========================================================================
   WOOCOMMERCE MY ACCOUNT DASHBOARD OVERRIDES
   ========================================================================== */

/* 1. Page Title Removal & Top Gap Reduction */
.woocommerce-account h1.wp-block-post-title,
.woocommerce-account .entry-title,
.woocommerce-account .page-title,
.woocommerce-account .woocommerce-products-header__title {
	display: none !important;
}

.woocommerce-account main.wp-block-group,
.woocommerce-account .site-main {
	padding-top: 8px !important;
	padding-bottom: 40px;
	margin-top: 0;
	margin-bottom: 0;
}

/* 2. Sidebar Navigation Box Alignment (Fix 60px/30% float collapse) */
html body.woocommerce-account .woocommerce-MyAccount-navigation,
html body .woocommerce-account .woocommerce-MyAccount-navigation,
html body .woocommerce-account .technomall-account-sidebar .woocommerce-MyAccount-navigation {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-sizing: border-box !important;
	display: block !important;
	clear: both !important;
}

/* 3. Main Content & Grid Layout */
.woocommerce-account .technomall-account-layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.woocommerce-account .technomall-account-layout {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* 4. Form Fields & Input Sizing (Fix Screen 5 broken inputs & 23% width collapse) */
.woocommerce-account {
	--wc-form-border-color: #e2e8f0;
	--wc-form-border-radius: 14px;
	--wc-form-color-background: #f8fafc;
	--wc-form-color-text: #0f172a;
}

html body.woocommerce-account .woocommerce form .form-row.form-row-first,
html body.woocommerce-account .woocommerce form .form-row.form-row-last,
html body .woocommerce-account .technomall-form-row-grid .form-row,
html body .woocommerce-account .form-row-first,
html body .woocommerce-account .form-row-last,
html body .woocommerce .form-row-first,
html body .woocommerce .form-row-last {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	box-sizing: border-box !important;
}

html body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
html body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
html body.woocommerce-account .woocommerce-MyAccount-content select,
html body.woocommerce-account .woocommerce-MyAccount-content textarea,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input.input-text,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="text"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="email"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="password"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="tel"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row select,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row textarea {
	width: 100% !important;
	max-width: 100% !important;
	height: 52px !important;
	min-height: 52px !important;
	box-sizing: border-box !important;
	padding: 12px 20px !important;
	background-color: #f8fafc !important;
	border-width: 1.5px !important;
	border-style: solid !important;
	border-color: #e2e8f0 !important;
	border-radius: 50px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #0f172a !important;
	outline: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
	line-height: normal !important;
	float: none !important;
}

html body.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus,
html body.woocommerce-account .woocommerce-MyAccount-content input[type="text"]:focus,
html body.woocommerce-account .woocommerce-MyAccount-content input[type="email"]:focus,
html body.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus,
html body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"]:focus,
html body.woocommerce-account .woocommerce-MyAccount-content select:focus,
html body.woocommerce-account .woocommerce-MyAccount-content textarea:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input.input-text:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="text"]:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="email"]:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="password"]:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.technomall-auth-form) .form-row input[type="tel"]:focus {
	background-color: #ffffff !important;
	border-color: #00A3FF !important;
	box-shadow: 0 0 0 4px rgba(0, 163, 255, 0.15) !important;
}

/* Password Toggle Eye Icon Alignment */
html body .woocommerce-account .form-row .password-input,
html body .woocommerce .form-row .password-input {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}

html body .woocommerce-account .form-row .password-input input {
	width: 100% !important;
	padding-right: 48px !important;
}

html body .woocommerce-account .form-row .password-input .show-password-input,
html body .woocommerce-account .form-row .show-password-input {
	position: absolute !important;
	top: 50% !important;
	right: 14px !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
	padding: 4px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #64748b !important;
	z-index: 2 !important;
}

/* 5. Dashboard Stat Cards Grid & Quick Actions (4 Cards Per Row on 1 Line) */
@media (min-width: 992px) {
	html body .woocommerce-account .technomall-stats-grid,
	.technomall-stats-grid {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 14px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	html body .woocommerce-account .technomall-quick-actions-grid,
	.technomall-quick-actions-grid {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 14px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
}

.technomall-stat-card {
	padding: 14px 12px !important;
	min-width: 0 !important;
	gap: 10px !important;
}

html body .woocommerce-account .technomall-stat-card__label,
.technomall-stat-card__label {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #64748b !important;
	display: block !important;
	margin-bottom: 4px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

.technomall-quick-action-card {
	padding: 14px 12px !important;
	min-width: 0 !important;
	gap: 10px !important;
}

.technomall-quick-action-card__title {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	white-space: normal !important;
	overflow: visible !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	line-height: 1.3 !important;
}

.technomall-quick-action-card__sub {
	font-size: 11.5px !important;
	color: #64748b !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	line-height: 1.35 !important;
	margin-top: 2px !important;
}

/* Fix WooCommerce Default Form Padding */
html body .woocommerce-account .technomall-edit-account-wrapper form.technomall-form,
html body.woocommerce-account .woocommerce form.edit-account,
html body.woocommerce-account .woocommerce form.edit-address {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Hide Avatar File Input Completely */
#technomall-hero-avatar-file-input,
input#technomall-hero-avatar-file-input,
input[type="file"][hidden] {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
}

/* Fix WooCommerce Select2 Dropdowns */
html body .select2-container .select2-selection--single {
	height: 56px !important;
	background-color: #f8fafc !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 14px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__rendered,
html body .select2-container--default .select2-selection--single .select2-selection__placeholder {
	line-height: 24px !important;
	padding-top: 22px !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	padding-right: 40px !important;
	color: #0f172a !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	display: block !important;
}

/* Hide default Select2 placeholder to let our floating label act as the placeholder */
html body .select2-container--default .select2-selection--single .select2-selection__placeholder {
	visibility: hidden !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 54px !important;
	right: 12px !important;
}

html body .select2-container--default.select2-container--open .select2-selection--single {
	border-color: #00a3ff !important;
	background-color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(0, 163, 255, 0.15) !important;
}

html body .select2-container--default .select2-dropdown {
	border-radius: 14px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-color: #00a3ff !important;
	box-shadow: 0 8px 24px rgba(0, 163, 255, 0.15) !important;
	overflow: hidden !important;
	padding: 8px !important;
}

html body .select2-container--default .select2-results__option {
	padding: 10px 16px !important;
	font-size: 14px !important;
	border-radius: 8px !important;
	margin-bottom: 2px !important;
	color: #0f172a !important;
}

html body .select2-container--default .select2-results__option--highlighted[aria-selected],
html body .select2-container--default .select2-results__option:hover {
	background-color: #f1f5f9 !important;
	color: #00a3ff !important;
}

/* 6. Wishlist Grid inside My Account */
html body.woocommerce-account #technomall-account-wishlist-grid ul.products,
html body #technomall-account-wishlist-grid ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
	gap: 20px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html body.woocommerce-account #technomall-account-wishlist-grid ul.products li.product,
html body #technomall-account-wishlist-grid ul.products li.product {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 16px !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

/* ==========================================================================
   FLOATING LABELS (COMPACT FIELDS) OVERHAUL
   ========================================================================== */

/* 1. Make Form Rows Relative */
html body .woocommerce form .form-row,
html body .technomall-form .form-row {
	position: relative !important;
	margin-bottom: 20px !important;
}

/* 2. Style & Position the Label (Default State) */
html body .woocommerce form .form-row label,
html body .technomall-form .form-row label {
	position: absolute !important;
	top: 18px !important;
	left: 20px !important;
	font-size: 15px !important;
	color: #64748b !important;
	pointer-events: none !important;
	transition: all 0.2s ease-out !important;
	z-index: 10 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	transform-origin: top left !important;
	display: block !important;
}

/* Hide required asterisk as the color shift is enough, or keep it */
html body .woocommerce form .form-row label .required,
html body .technomall-form .form-row label .required {
	color: #ef4444 !important;
	text-decoration: none !important;
}

/* 3. Adjust Inputs for Floating Label Space */
html body .woocommerce form:not(.technomall-auth-form) .form-row input.input-text,
html body .woocommerce form:not(.technomall-auth-form) .form-row input[type="text"],
html body .woocommerce form:not(.technomall-auth-form) .form-row input[type="email"],
html body .woocommerce form:not(.technomall-auth-form) .form-row input[type="password"],
html body .woocommerce form:not(.technomall-auth-form) .form-row input[type="tel"],
html body .woocommerce form:not(.technomall-auth-form) .form-row select,
html body .woocommerce form:not(.technomall-auth-form) .form-row textarea,
html body .technomall-form .form-row input.input-text,
html body .technomall-form .form-row input[type="text"],
html body .technomall-form .form-row input[type="email"],
html body .technomall-form .form-row input[type="password"],
html body .technomall-form .form-row input[type="tel"],
html body .technomall-form .form-row select,
html body .technomall-form .form-row textarea {
	height: 56px !important;
	min-height: 56px !important;
	padding: 24px 20px 8px 20px !important;
	line-height: normal !important;
}

/* 4. The Floating Active State (Focus or Has Value) */
/* Trigger on focus-within OR .is-filled JS class */
html body .woocommerce form .form-row:focus-within label,
html body .woocommerce form .form-row.is-filled label,
html body .technomall-form .form-row:focus-within label,
html body .technomall-form .form-row.is-filled label {
	top: 10px !important;
	font-size: 11px !important;
	color: #00a3ff !important;
	font-weight: 600 !important;
}

/* Keep label gray if filled but not focused */
html body .woocommerce form .form-row.is-filled:not(:focus-within) label,
html body .technomall-form .form-row.is-filled:not(:focus-within) label {
	color: #64748b !important;
}

/* 5. Special Fix for Checkboxes/Radios (Don't float their labels) */
html body .woocommerce form .form-row.woocommerce-form-row--checkbox label,
html body .woocommerce form .form-row.woocommerce-form-row--radio label {
	position: static !important;
	pointer-events: auto !important;
	font-size: 15px !important;
	color: #0f172a !important;
}

/* ==========================================================================
   WOOCOMMERCE EXECUTIVE NOTICE & BUTTON OVERHAUL
   ========================================================================== */
html body .wc-block-components-notice-banner,
html body div.wc-block-components-notice-banner,
html body div.woocommerce-info,
html body div.woocommerce-message,
html body div.woocommerce-error {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08) !important;
	color: #0F172A !important;
}

html body .wc-block-components-notice-banner.is-info,
html body div.woocommerce-info {
	border-left: 4px solid #00A3FF !important;
}

html body .wc-block-components-notice-banner > svg {
	width: 24px !important;
	height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

html body .wc-block-components-notice-banner > svg path {
	fill: #00A3FF !important;
}

/* Solid Executive Dark Slate Action Button with 24px Padding */
html body .wc-block-components-notice-banner__content a,
html body .wc-block-components-notice-banner__content a:link,
html body .wc-block-components-notice-banner__content a:visited,
html body .wc-block-components-notice-banner__content a.button,
html body .wc-block-components-notice-banner__content a.wc-forward,
html body .wc-block-components-notice-banner a,
html body div.woocommerce-info a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 24px !important;
	background: #0F172A !important;
	background-color: #0F172A !important;
	color: #FFFFFF !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	border-radius: 10px !important;
	border: 1px solid #0F172A !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25) !important;
	outline: none !important;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 40px !important;
}

html body .wc-block-components-notice-banner__content a:hover,
html body .wc-block-components-notice-banner__content a.button:hover,
html body .wc-block-components-notice-banner__content a.wc-forward:hover,
html body .wc-block-components-notice-banner a:hover,
html body div.woocommerce-info a:hover {
	background: #00A3FF !important;
	background-color: #00A3FF !important;
	color: #FFFFFF !important;
	border-color: #00A3FF !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 20px rgba(0, 163, 255, 0.45) !important;
}

/* Enforce Container Alignment Law Fallback */
/* Ensures all archive content containers, my account wrapper, and .alignwide elements perfectly match site header alignment */
html body .technomall-header-top,
html body .technomall-header-nav-bar,
html body .technomall-filter-wrapper,
html body .technomall-cart-main,
html body .technomall-home-main,
html body .technomall-page-main,
html body .technomall-discounts-wrapper,
html body .wp-block-woocommerce-product-collection,
html body .wp-block-woocommerce-product-collection.alignwide,
html body div.wp-block-woocommerce-product-collection,
html body .alignwide,
html body .wp-block-group.alignwide {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

/* Prevent inner nested sections inside page main containers from adding double padding */
html body main.site-main > .technomall-filter-wrapper,
html body main.site-main > .wp-block-woocommerce-product-collection,
html body main.site-main .technomall-filter-wrapper,
html body main.site-main .wp-block-woocommerce-product-collection,
html body main.site-main .technomall-discounts-wrapper,
html body main.site-main div#technomall-discounts-root,
html body .technomall-archive-main .technomall-filter-wrapper,
html body .technomall-archive-main .wp-block-woocommerce-product-collection,
html body .technomall-page-main .technomall-discounts-wrapper,
html body .technomall-page-main div#technomall-discounts-root,
html body .technomall-single-product-main .technomall-single-product-container {
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
}

/* Ensure page post-content container stretches 100% width inside .technomall-page-main and .technomall-home-main (1320px) */
html body .technomall-page-main .wp-block-post-content,
html body .technomall-page-main .entry-content,
html body .technomall-page-main > div.is-layout-constrained,
html body .technomall-page-main > div,
html body .technomall-home-main .wp-block-post-content,
html body .technomall-home-main .entry-content,
html body .technomall-home-main > div.is-layout-constrained,
html body .technomall-home-main > div {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html body .technomall-page-main .wp-block-post-content > *,
html body .technomall-page-main .entry-content > *,
html body .technomall-page-main > div > *,
html body .technomall-home-main .wp-block-post-content > *:not(.technomall-homepage-sections-wrapper),
html body .technomall-home-main .entry-content > *:not(.technomall-homepage-sections-wrapper),
html body .technomall-home-main > div > *:not(.technomall-homepage-sections-wrapper) {
	max-width: 100% !important;
}

/* Preserve Product Carousels 100vw edge-bleed breakout */
html body .technomall-home-main .technomall-homepage-sections-wrapper,
html body .technomall-homepage-sections-wrapper {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
}

/* Hero Slider wrapper alignment: .technomall-home-main provides the 1320px container + 24px padding; inner hero slider has 0 left/right padding */
html body section.technomall-hero-slider-wrapper,
html body .technomall-hero-slider-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}



/* Cart page container padding adjustment: .technomall-cart-main provides the 1320px container + padding; inner wrapper has 0 left/right padding */
html body div#technomall-cart-wrapper,
html body .technomall-cart-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Cart Item Quantity Stepper Pill - Modern iOS-Style Capsule */
html body .technomall-cart-qty-pill,
.technomall-cart-qty-pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: #00A3FF !important;
	background-color: #00A3FF !important;
	color: #ffffff !important;
	border-radius: 9999px !important;
	padding: 3px 4px !important;
	height: 36px !important;
	min-height: 36px !important;
	max-height: 36px !important;
	width: auto !important;
	min-width: 96px !important;
	max-width: 110px !important;
	box-sizing: border-box !important;
	border: none !important;
	box-shadow: 0 1px 3px rgba(0, 163, 255, 0.25) !important;
	gap: 4px !important;
}

html body .technomall-cart-qty-pill .technomall-qty-btn,
.technomall-cart-qty-pill .technomall-qty-btn {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	border: none !important;
	border-color: transparent !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #00A3FF !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	border-radius: 50% !important;
	user-select: none !important;
	transition: background-color 0.15s ease, transform 0.15s ease, color 0.15s ease !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
	outline: none !important;
	flex-shrink: 0 !important;
}

html body .technomall-cart-qty-pill .technomall-qty-btn:hover,
.technomall-cart-qty-pill .technomall-qty-btn:hover {
	background: #f0f9ff !important;
	background-color: #f0f9ff !important;
	border: none !important;
	border-color: transparent !important;
	color: #0284c7 !important;
	transform: scale(1.06) !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

html body .technomall-cart-qty-pill .technomall-qty-btn:active,
.technomall-cart-qty-pill .technomall-qty-btn:active {
	transform: scale(0.94) !important;
}

html body .technomall-cart-qty-pill .technomall-qty-btn:focus-visible,
.technomall-cart-qty-pill .technomall-qty-btn:focus-visible {
	outline: 2px solid #ffffff !important;
	outline-offset: 1px !important;
}

html body .technomall-cart-qty-pill .technomall-qty-val,
.technomall-cart-qty-pill .technomall-qty-val {
	font-size: 15px !important;
	font-weight: 800 !important;
	padding: 0 2px !important;
	min-width: 22px !important;
	text-align: center !important;
	color: #ffffff !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	user-select: none !important;
	flex-grow: 1 !important;
}

/* My Account page exact container padding adjustment */
html body.woocommerce-account .woocommerce,
html body.woocommerce-account .technomall-account-wrapper {
	width: 100% !important;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	box-sizing: border-box !important;
}

html body.woocommerce-account main.site-main,
html body.woocommerce-account main.wp-block-group,
html body.woocommerce-account .wp-block-post-content,
html body.woocommerce-account .entry-content,
html body.woocommerce-account .is-layout-constrained {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

@media (max-width: 991px) {
	html body .technomall-header-top,
	html body .technomall-home-main,
	html body .technomall-page-main,
	html body .technomall-archive-main,
	html body .technomall-single-product-main,
	html body .technomall-checkout-main,
	html body .technomall-cart-main,
	html body .technomall-blog-main,
	html body .technomall-single-blog-main,
	html body .technomall-blog-wrapper,
	html body .technomall-single-blog-wrapper,
	html body .technomall-thankyou-main,
	html body.woocommerce-account main.site-main,
	html body.woocommerce-account .site-main,
	html body.woocommerce-account .woocommerce,
	html body.woocommerce-account .technomall-account-wrapper,
	html body .technomall-filter-wrapper,
	html body .wp-block-woocommerce-product-collection,
	html body .wp-block-woocommerce-product-collection.alignwide,
	html body div.wp-block-woocommerce-product-collection,
	html body .alignwide,
	html body .wp-block-group.alignwide,
	html body .technomall-policy-container,
	html body .technomall-contact-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box !important;
	}

	html body .technomall-header-nav-bar {
		padding-left: 16px !important;
		padding-right: 0 !important;
	}

	html body div#technomall-cart-wrapper,
	html body .technomall-cart-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* Global suppression of WooCommerce added_to_cart / View Cart (კალათის ნახვა) links */
html body .added_to_cart,
html body .added_to_cart.wc-forward,
html body a.added_to_cart,
html body .technomall-product-card .added_to_cart,
html body .technomall-card-action .added_to_cart,
html body #technomall-account-wishlist-grid .added_to_cart,
html body .technomall-wishlist-page-grid .added_to_cart {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* Neutralize Gutenberg constrained layout calc(50% - 50vw) negative margin shifts */
html body main.site-main,
html body main.wp-block-group,
html body .wp-block-group.alignfull,
html body .is-layout-constrained > .alignfull,
html body .is-layout-constrained > .alignwide {
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   MINI CART DRAWER STYLING (CLEAN & PERFECT REFINEMENT)
   ========================================================================== */

/* Drawer Canvas & Background Overlay */
html body .wc-block-mini-cart__drawer,
html body .wc-block-components-drawer {
	font-family: inherit;
	z-index: 99999;
}

html body .wc-block-mini-cart__drawer[aria-hidden="true"]:not([aria-modal="true"]):not(.is-active):not(.is-open),
html body .wc-block-components-drawer[aria-hidden="true"]:not([aria-modal="true"]):not(.is-active):not(.is-open) {
	visibility: hidden !important;
	pointer-events: none !important;
}

html body .wc-block-mini-cart__drawer[aria-hidden="false"],
html body .wc-block-components-drawer[aria-hidden="false"],
html body .wc-block-mini-cart__drawer[aria-modal="true"],
html body .wc-block-components-drawer[aria-modal="true"],
html body .wc-block-mini-cart__drawer.is-active,
html body .wc-block-components-drawer.is-active,
html body .wc-block-mini-cart__drawer.is-open,
html body .wc-block-components-drawer.is-open,
html body.drawer-open .wc-block-mini-cart__drawer,
html body.drawer-open .wc-block-components-drawer {
	visibility: visible !important;
	pointer-events: auto !important;
}

html body .wc-block-mini-cart__drawer[aria-hidden="false"] *,
html body .wc-block-components-drawer[aria-hidden="false"] *,
html body .wc-block-mini-cart__drawer[aria-modal="true"] *,
html body .wc-block-components-drawer[aria-modal="true"] *,
html body .wc-block-mini-cart__drawer.is-active *,
html body .wc-block-components-drawer.is-active *,
html body .wc-block-mini-cart__drawer.is-open *,
html body .wc-block-components-drawer.is-open *,
html body.drawer-open .wc-block-mini-cart__drawer *,
html body.drawer-open .wc-block-components-drawer * {
	pointer-events: auto !important;
}

html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents,
html body .wc-block-components-drawer__content {
	background: #ffffff !important;
	box-shadow: -10px 0 35px rgba(0, 0, 0, 0.12) !important;
}

/* 1. Drawer Header Title & Close Button */
html body .wc-block-mini-cart__drawer h2.wc-block-mini-cart__title,
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__title {
	font-size: 1.2rem !important;
	font-weight: 800 !important;
	color: #181E23 !important;
	padding: 20px 24px 16px !important;
	margin: 0 !important;
	border-bottom: 1px solid #f3f4f6 !important;
	background: #ffffff !important;
	mask-image: none !important;
	-webkit-mask-image: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-drawer__close,
html body .wc-block-mini-cart__drawer .components-button.wc-block-components-drawer__close-button {
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	background: #f3f4f6 !important;
	color: #181E23 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	cursor: pointer !important;
	transition: background-color 0.15s !important;
	padding: 0 !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-drawer__close:hover {
	background: #e5e7eb !important;
	color: #000000 !important;
}

/* 2. HIDE Short Descriptions, Specs, Meta Bullet Lists in Cart Drawer */
html body .wc-block-mini-cart__drawer .wc-block-cart-item__short-description,
html body .wc-block-mini-cart__drawer .wc-block-components-product-details,
html body .wc-block-mini-cart__drawer .wc-block-cart-item__description,
html body .wc-block-mini-cart__drawer .wc-block-components-product-metadata,
html body .wc-block-mini-cart__drawer .wc-block-cart-items__row ul,
html body .wc-block-mini-cart__drawer .wc-block-cart-items__row li,
html body .wc-block-mini-cart__drawer .wc-block-cart-items__row p:not(.wc-block-components-product-name):not(.wc-block-cart-item__name) {
	display: none !important;
}

/* 3. Product Items Container & Rows (Exact Requested Padding: 16px 10px) */
html body .wc-block-mini-cart__drawer .wc-block-cart-items,
html body .wc-block-mini-cart__drawer .wc-block-cart-items__row {
	padding: 16px 10px !important;
	background: transparent !important;
	border-bottom: 1px solid #f3f4f6 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
}

/* Product Thumbnail */
html body .wc-block-mini-cart__drawer .wc-block-cart-item__image img,
html body .wc-block-mini-cart__drawer .wc-block-cart-items__row img {
	width: 76px !important;
	height: 76px !important;
	max-width: 76px !important;
	max-height: 76px !important;
	object-fit: contain !important;
	border-radius: 8px !important;
	border: 1px solid #f3f4f6 !important;
	background: #fafafa !important;
	padding: 4px !important;
}

/* Small Category Eyebrow Above Product Title */
html body .wc-block-mini-cart__drawer .technomall-cart-item-category {
	display: block !important;
	font-size: 0.75rem !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	color: #00A3FF !important;
	margin-bottom: 3px !important;
	line-height: 1.25 !important;
}

/* Product Title & Link (Bold Dark #181E23) */
html body .wc-block-mini-cart__drawer a.wc-block-components-product-name,
html body .wc-block-mini-cart__drawer .wc-block-cart-item__name,
html body .wc-block-mini-cart__drawer .wc-block-cart-item__title a {
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	color: #181E23 !important;
	text-decoration: none !important;
	line-height: 1.35 !important;
	margin-bottom: 6px !important;
	display: block !important;
}

/* Eliminate Duplicate Title Plain Text Spans in Mini-Cart Drawer Rows */
html body .wc-block-mini-cart__drawer span.wc-block-components-product-name:not(:has(a)),
html body .wc-block-mini-cart__drawer .wc-block-cart-items__row span.wc-block-components-product-name:not(a) {
	display: none !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-product-name:hover {
	color: #00A3FF !important;
}

/* Hide Duplicate Top-Right Table Total Cell */
html body .wc-block-mini-cart__drawer .wc-block-cart-item__total {
	display: none !important;
}

/* Product Price Display (#FFB800 Amber/Yellow) */
html body .wc-block-mini-cart__drawer .wc-block-cart-item__price,
html body .wc-block-mini-cart__drawer .wc-block-components-product-price,
html body .wc-block-mini-cart__drawer .wc-block-components-product-price__value {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #FFB800 !important; /* Amber / Yellow Price */
}

html body .wc-block-mini-cart__drawer .wc-block-components-product-price__regular {
	color: #9CA3AF !important;
	font-weight: 500 !important;
	margin-right: 6px !important;
	text-decoration: line-through !important;
}

/* Sale Savings Badge */
html body .wc-block-mini-cart__drawer .wc-block-components-product-sale-badge {
	background: #ecfdf5 !important;
	color: #059669 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	display: inline-block !important;
	margin-top: 2px !important;
}

/* 4. Perfect Quantity Stepper & Trashcan Icon Placement */
html body .wc-block-mini-cart__drawer .wc-block-cart-item__quantity {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	margin-top: 10px !important;
	gap: 12px !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector {
	display: inline-flex !important;
	align-items: center !important;
	background: #f3f4f6 !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 8px !important;
	padding: 2px !important;
	height: 32px !important;
	box-sizing: border-box !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button {
	width: 28px !important;
	height: 26px !important;
	background: transparent !important;
	border: none !important;
	color: #374151 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: background-color 0.15s, color 0.15s !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button:hover:not(:disabled) {
	background: #ffffff !important;
	color: #111827 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector__input {
	width: 32px !important;
	height: 26px !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #111827 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

/* Remove / Trashcan Icon Aligned on Far Right (Noticeably Larger Size) */
html body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link,
html body .wc-block-mini-cart__drawer .wc-block-cart-item__remove,
html body .wc-block-mini-cart__drawer .wc-block-components-cart-item__remove,
html body .wc-block-mini-cart__drawer button[class*="remove"] {
	color: #9CA3AF !important;
	margin-left: auto !important;
	cursor: pointer !important;
	transition: color 0.15s, transform 0.15s !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	border: none !important;
	padding: 4px !important;
	font-size: 24px !important;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
}

html body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link svg,
html body .wc-block-mini-cart__drawer .wc-block-cart-item__remove svg,
html body .wc-block-mini-cart__drawer .wc-block-components-cart-item__remove svg,
html body .wc-block-mini-cart__drawer button[class*="remove"] svg {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	font-size: 24px !important;
}

html body .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link:hover,
html body .wc-block-mini-cart__drawer .wc-block-cart-item__remove:hover,
html body .wc-block-mini-cart__drawer button[class*="remove"]:hover {
	color: #EF4444 !important;
	transform: scale(1.25) !important;
}

/* 5. Footer & Subtotal */
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
	background: #ffffff !important;
	border-top: 1px solid #e5e7eb !important;
	padding: 16px 20px 24px !important;
}

/* Subtotal Row */
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal,
html body .wc-block-mini-cart__drawer .wc-block-components-totals-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 4px !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: #181E23 !important;
}

html body .wc-block-mini-cart__drawer .wc-block-components-totals-item__value {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #FFB800 !important; /* Yellow/Amber Subtotal */
}

/* Shipping Notice */
html body .wc-block-mini-cart__drawer .wc-block-components-totals-footer-item-shipping,
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer p {
	font-size: 0.85rem !important;
	color: #6B7280 !important;
	margin-top: 4px !important;
	margin-bottom: 16px !important;
	text-align: center !important;
}

/* Buttons Container */
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin-top: 12px !important;
}

html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-checkout-button-block,
html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-cart-button-block {
	width: 100% !important;
	display: block !important;
}

/* TOP SECONDARY BUTTON (Pill-shaped Light Gray Outlined) */
html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-cart-button-block a,
html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-cart-button-block button,
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-cart,
html body .wc-block-mini-cart__drawer a[href*="cart"]:not([href*="checkout"]) {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background-color: #EFEFEF !important;
	color: #4B5563 !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	padding: 13px 20px !important;
	border-radius: 9999px !important;
	text-align: center !important;
	justify-content: center !important;
	align-items: center !important;
	text-decoration: none !important;
	border: 1px solid #D1D5DB !important;
	transition: background-color 0.15s, color 0.15s !important;
	cursor: pointer !important;
}

html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-cart-button-block a:hover,
html body .wc-block-mini-cart__drawer a[href*="cart"]:not([href*="checkout"]):hover {
	background-color: #E5E7EB !important;
	color: #111827 !important;
}

/* BOTTOM PRIMARY BUTTON (Pill-shaped Vibrant Blue) */
html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-checkout-button-block a,
html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-checkout-button-block button,
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-checkout,
html body .wc-block-mini-cart__drawer a[href*="checkout"],
html body .wc-block-mini-cart__drawer button[class*="checkout"] {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background-color: #00A3FF !important;
	color: #FFFFFF !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	padding: 14px 20px !important;
	border-radius: 9999px !important;
	text-align: center !important;
	justify-content: center !important;
	align-items: center !important;
	text-decoration: none !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(0, 163, 255, 0.3) !important;
	transition: background-color 0.15s, transform 0.15s !important;
	cursor: pointer !important;
}

html body .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-checkout-button-block a:hover,
html body .wc-block-mini-cart__drawer .wc-block-mini-cart__footer-checkout:hover,
html body .wc-block-mini-cart__drawer a[href*="checkout"]:hover {
	background-color: #008BE0 !important;
	color: #FFFFFF !important;
	transform: translateY(-1px) !important;
}

/* ==========================================================================
   ABOUT US PAGE STYLES (MATCHING USER REF DESIGN)
   ========================================================================== */

/* Page Outer Section & Container */
html body .technomall-page-main .technomall-about-us-wrapper,
html body .technomall-about-us-wrapper {
	width: 100%;
	padding: 40px 0 60px 0;
	box-sizing: border-box;
}

html body .technomall-page-main .technomall-about-us-card,
html body .technomall-about-us-card {
	background-color: transparent !important;
	background: transparent !important;
	border-radius: 0;
	padding: 0;
	margin-bottom: 48px;
	box-sizing: border-box;
	box-shadow: none !important;
	border: none !important;
}

/* 2-Column Row Layout */
html body .technomall-page-main .technomall-about-row,
html body .technomall-about-row {
	display: flex;
	align-items: center;
	gap: 56px;
	margin-bottom: 64px;
	margin-top: 0;
}

html body .technomall-page-main .technomall-about-row:last-child,
html body .technomall-about-row:last-child {
	margin-bottom: 0;
}

/* Columns Sizing */
html body .technomall-page-main .technomall-about-col-text,
html body .technomall-about-col-text {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	width: 50%;
}

html body .technomall-page-main .technomall-about-col-image,
html body .technomall-about-col-image {
	flex: 1 1 50%;
	box-sizing: border-box;
	width: 50%;
}

/* Typography & Headings */
html body .technomall-page-main .technomall-about-title,
html body .technomall-about-title {
	font-size: 32px;
	font-weight: 800;
	line-height: 1.25;
	color: #0f172a;
	margin-top: 0;
	margin-bottom: 24px;
	letter-spacing: -0.02em;
}

html body .technomall-page-main .technomall-about-subtitle,
html body .technomall-about-subtitle {
	font-size: 26px;
	font-weight: 800;
	line-height: 1.3;
	color: #0f172a;
	margin-top: 0;
	margin-bottom: 24px;
	letter-spacing: -0.01em;
}

/* Paragraphs */
html body .technomall-page-main .technomall-about-text,
html body .technomall-about-text {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.65;
	color: #475569;
	margin-top: 0;
	margin-bottom: 16px;
}

html body .technomall-page-main .technomall-about-text:last-child,
html body .technomall-about-text:last-child {
	margin-bottom: 0;
}

/* Images Styling */
html body .technomall-page-main .technomall-about-img,
html body .technomall-page-main .technomall-about-img img,
html body .wp-block-image.technomall-about-img img {
	width: 100%;
	height: auto;
	max-height: 380px;
	object-fit: cover;
	border-radius: 20px;
	box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.12);
	display: block;
	margin: 0;
}

/* Branch List with Yellow Location Pin Icon */
html body .technomall-page-main .technomall-branches-list,
html body .technomall-branches-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

html body .technomall-page-main .technomall-branches-list li,
html body .technomall-branches-list li {
	position: relative;
	padding-left: 36px;
	font-size: 15px;
	line-height: 1.5;
	color: #475569;
	font-weight: 400;
	margin: 0;
}

html body .technomall-page-main .technomall-branches-list li::before,
html body .technomall-branches-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

/* Advantages List with Yellow Checkmark Icon */
html body .technomall-page-main .technomall-features-list,
html body .technomall-features-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

html body .technomall-page-main .technomall-features-list li,
html body .technomall-features-list li {
	position: relative;
	padding-left: 36px;
	font-size: 15px;
	line-height: 1.5;
	color: #475569;
	font-weight: 500;
	margin: 0;
}

html body .technomall-page-main .technomall-features-list li::before,
html body .technomall-features-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
	html body .technomall-page-main .technomall-about-us-card,
	html body .technomall-about-us-card {
		padding: 0;
		border-radius: 0;
		background: transparent !important;
	}

	html body .technomall-page-main .technomall-about-row,
	html body .technomall-about-row {
		flex-direction: column;
		gap: 36px;
		margin-bottom: 48px;
	}

	html body .technomall-page-main .technomall-about-row.technomall-about-row-reverse,
	html body .technomall-about-row.technomall-about-row-reverse {
		flex-direction: column-reverse;
	}

	html body .technomall-page-main .technomall-about-col-text,
	html body .technomall-about-col-text,
	html body .technomall-page-main .technomall-about-col-image,
	html body .technomall-about-col-image {
		width: 100%;
	}

	html body .technomall-page-main .technomall-about-title,
	html body .technomall-about-title {
		font-size: 20px;
		line-height: 1.25;
		margin-bottom: 16px;
	}

	html body .technomall-page-main .technomall-about-subtitle,
	html body .technomall-about-subtitle {
		font-size: 17px;
		line-height: 1.25;
		margin-bottom: 14px;
	}

	html body .technomall-page-main .technomall-about-img img,
	html body .wp-block-image.technomall-about-img img {
		max-height: 320px;
	}
}

@media (max-width: 576px) {
	html body .technomall-page-main .technomall-about-us-card,
	html body .technomall-about-us-card {
		padding: 0;
		border-radius: 0;
		background: transparent !important;
	}

	html body .technomall-page-main .technomall-about-title,
	html body .technomall-about-title {
		font-size: 18px;
		line-height: 1.25;
	}

	html body .technomall-page-main .technomall-about-subtitle,
	html body .technomall-about-subtitle {
		font-size: 16px;
		line-height: 1.25;
	}
}

/* ==========================================================================
   BLOG LOOP & SINGLE BLOG TEMPLATE STYLES (PIXEL-PERFECT DESIGN)
   ========================================================================== */

/* ==========================================================================
   BULLETPROOF SITE-WIDE TOP PADDING LAW (EXACTLY 30PX FROM HEADER EVERYWHERE)
   ========================================================================== */

/* 1. Header has zero bottom margin */
html body header.site-header,
html body .site-header,
html body .technomall-header-wrapper {
	margin-bottom: 0 !important;
}

/* 2. All template main containers have zero top margin & exactly 30px top padding */
html body .technomall-home-main,
html body .technomall-archive-main,
html body .technomall-page-main,
html body .technomall-single-product-main,
html body .technomall-cart-main,
html body .technomall-blog-main,
html body .technomall-single-blog-main,
html body .technomall-thankyou-main,
html body.woocommerce-account main.site-main,
html body.woocommerce-account .site-main {
	margin-top: 0 !important;
	padding-top: 30px !important;
}

html body .wp-site-blocks > * + .technomall-thankyou-wrapper,
html body .technomall-thankyou-wrapper {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* 3. First-child content elements inside any page main container have zero top margin */
html body .site-main > *:first-child,
html body main.site-main > *:first-child,
html body .technomall-home-main > *:first-child,
html body .technomall-archive-main > *:first-child,
html body .technomall-page-main > *:first-child,
html body .technomall-single-product-main > *:first-child,
html body .technomall-cart-main > *:first-child,
html body .technomall-blog-main > *:first-child,
html body .technomall-single-blog-main > *:first-child,
html body .technomall-thankyou-main > *:first-child,
html body .technomall-thankyou-hero:first-child,
html body .technomall-filter-wrapper,
html body .technomall-filter-wrapper > *:first-child,
html body .technomall-filter-container,
html body .technomall-archive-subbar:first-child,
html body section.technomall-hero-slider-wrapper {
	margin-top: 0 !important;
}
html body .technomall-hero-slider-wrapper,
html body .technomall-homepage-sections-wrapper,
html body .technomall-why-us-section,
html body .technomall-brand-logos-section,
html body .technomall-account-wrapper,
html body.woocommerce-account .woocommerce,
html body .technomall-single-product-container {
	margin-top: 0 !important;
}

/* Store Notices Container Collapse when empty */
html body .site-main .wp-block-group:has(> .woocommerce-store-notices:empty),
html body .site-main .wp-block-group:has(> .wc-block-store-notices:empty),
html body .site-main .woocommerce-store-notices:empty,
html body .site-main .wc-block-store-notices:empty {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Master Container Width Alignment Law for Blog Pages */
html body .technomall-blog-wrapper,
html body .technomall-single-blog-wrapper {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

/* Reading Progress Bar at Top */
.technomall-reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 4px;
	background: linear-gradient(90deg, #ffb700, #ffa800);
	z-index: 999999;
	transition: width 0.08s ease-out;
	pointer-events: none;
	box-shadow: 0 1px 4px rgba(255, 183, 0, 0.4);
}

/* Copy Link Toast Notification Notice */
.technomall-toast-notice {
	position: fixed;
	bottom: 32px;
	right: 32px;
	background: #0f172a;
	color: #ffffff;
	padding: 12px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 999999;
	pointer-events: none;
}

.technomall-toast-notice.show {
	opacity: 1;
	transform: translateY(0);
}

/* Blog Page Header & Main Container */
.technomall-blog-main {
	padding-top: 30px;
	padding-bottom: 72px;
	background-color: #f0f0f0;
	min-height: 80vh;
}

.technomall-blog-header {
	margin-bottom: 36px;
	text-align: left;
}

.technomall-blog-main-title {
	font-size: 32px;
	font-weight: 900;
	color: #0f172a;
	margin: 0 0 8px 0;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.technomall-blog-subtitle {
	font-size: 16px;
	color: #64748b;
	margin: 0;
}

/* Blog Cards List Container */
.technomall-blog-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

/* Single Blog Card Item (Matching Image Reference Exactly) */
.technomall-blog-card {
	display: flex;
	align-items: center;
	gap: 28px;
	background-color: #e3e3e5;
	border-radius: 24px;
	padding: 18px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	box-sizing: border-box;
	width: 100%;
}

.technomall-blog-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

/* Blog Card Image Container */
.technomall-blog-card-image-wrap {
	flex-shrink: 0;
	width: 330px;
	height: 210px;
	border-radius: 16px;
	overflow: hidden;
	background-color: #e2e8f0;
	position: relative;
}

.technomall-blog-card-image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.technomall-blog-card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 16px;
	transition: transform 0.4s ease;
}

.technomall-blog-card:hover .technomall-blog-card-image {
	transform: scale(1.04);
}

/* Blog Card Right Body Content */
.technomall-blog-card-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 200px;
	padding-right: 12px;
	box-sizing: border-box;
}

.technomall-blog-card-content-top {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Card Title (Bold Uppercase Georgian) */
.technomall-blog-card-title {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 800;
	margin: 0;
	color: #0f172a;
	text-transform: uppercase;
	font-feature-settings: 'case' 1;
	letter-spacing: -0.01em;
}

.technomall-blog-card-title a {
	color: #0f172a;
	text-decoration: none;
	transition: color 0.2s ease;
}

.technomall-blog-card-title a:hover {
	color: #ffb700;
}

/* Card Excerpt (Uppercase Slate Gray) */
.technomall-blog-card-excerpt p {
	font-size: 15px;
	line-height: 1.65;
	color: #64748b;
	margin: 0;
	text-transform: uppercase;
	font-feature-settings: 'case' 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Card Footer Bar */
.technomall-blog-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 18px;
	width: 100%;
}

/* Date */
.technomall-blog-card-date {
	font-size: 14px;
	font-weight: 500;
	color: #94a3b8;
}

/* Read More Pill Button */
.technomall-blog-card-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #ffb700;
	color: #0f172a;
	padding: 5px 5px 5px 18px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(255, 183, 0, 0.25);
	transition: all 0.25s ease;
}

.technomall-blog-card-btn:hover {
	background-color: #ffa800;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(255, 183, 0, 0.4);
}

.technomall-blog-card-btn-text {
	line-height: 1;
}

.technomall-blog-card-btn-icon {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #ffb700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	transition: transform 0.25s ease;
}

.technomall-blog-card-btn:hover .technomall-blog-card-btn-icon {
	transform: translateX(2px);
}

/* ==========================================================================
   GLOBAL ARCHIVE & SITE-WIDE PAGINATION STYLES
   (WordPress Block Query Pagination, WooCommerce Pagination, Blog & Discounts)
   ========================================================================== */
nav.wp-block-query-pagination,
.wp-block-query-pagination,
nav.woocommerce-pagination,
.woocommerce-pagination,
.woocommerce-pagination ul.page-numbers,
.technomall-blog-pagination,
.technomall-discounts-pagination-wrap,
.technomall-pagination-nav,
.technomall-pagination-list,
.woocommerce-Pagination {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-top: 36px !important;
	margin-bottom: 36px !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-pagination ul.page-numbers,
.technomall-pagination-list {
	margin: 0 !important;
}

.woocommerce-pagination ul.page-numbers li,
.technomall-pagination-list li {
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.wp-block-query-pagination-numbers {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

/* Individual Buttons / Links / Active Items */
nav.wp-block-query-pagination a,
nav.wp-block-query-pagination span,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination a,
.wp-block-query-pagination span.page-numbers,
.wp-block-query-pagination a.page-numbers,
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.woocommerce-pagination .page-numbers,
.technomall-blog-pagination .page-numbers,
.technomall-page-num,
.technomall-page-next {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 42px !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
	user-select: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

/* Specific styling for Previous and Next text buttons */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
a.wp-block-query-pagination-previous,
a.wp-block-query-pagination-next,
.woocommerce-pagination a.prev,
.woocommerce-pagination a.next,
.technomall-page-next {
	font-weight: 700 !important;
	padding: 0 18px !important;
}

/* Hover States on non-active clickable elements */
nav.wp-block-query-pagination a:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover,
.technomall-blog-pagination a.page-numbers:hover,
.technomall-page-num:hover:not(.is-current),
.technomall-page-next:hover {
	background: #f8fafc !important;
	border-color: #ffb800 !important;
	color: #0f172a !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(255, 184, 0, 0.2) !important;
}

/* Active / Current Page State */
nav.wp-block-query-pagination .page-numbers.current,
nav.wp-block-query-pagination span.page-numbers:not(a):not(.dots),
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination span.page-numbers.current,
.wp-block-query-pagination [aria-current="page"],
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination span.page-numbers.current,
.technomall-blog-pagination .page-numbers.current,
.technomall-page-num.is-current {
	background: #ffb800 !important;
	border-color: #ffb800 !important;
	color: #0f172a !important;
	font-weight: 800 !important;
	box-shadow: 0 3px 10px rgba(255, 184, 0, 0.35) !important;
	cursor: default !important;
	transform: none !important;
}

/* Dots / Ellipsis separator */
nav.wp-block-query-pagination .page-numbers.dots,
.wp-block-query-pagination .page-numbers.dots,
.woocommerce-pagination .page-numbers.dots,
.technomall-blog-pagination .page-numbers.dots,
.technomall-page-dots,
.technomall-page-dots span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 28px !important;
	height: 42px !important;
	padding: 0 4px !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #94a3b8 !important;
	font-size: 14px !important;
	cursor: default !important;
}

/* Mobile Responsiveness (<= 768px) */
@media (max-width: 768px) {
	nav.wp-block-query-pagination,
	.wp-block-query-pagination,
	nav.woocommerce-pagination,
	.woocommerce-pagination,
	.technomall-blog-pagination,
	.technomall-discounts-pagination-wrap,
	.technomall-pagination-list {
		gap: 6px !important;
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	.wp-block-query-pagination-numbers {
		gap: 6px !important;
	}

	nav.wp-block-query-pagination a,
	nav.wp-block-query-pagination span,
	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next,
	.wp-block-query-pagination a,
	.wp-block-query-pagination span.page-numbers,
	.wp-block-query-pagination a.page-numbers,
	.woocommerce-pagination a.page-numbers,
	.woocommerce-pagination span.page-numbers,
	.woocommerce-pagination .page-numbers,
	.technomall-blog-pagination .page-numbers,
	.technomall-page-num,
	.technomall-page-next {
		min-width: 36px !important;
		height: 36px !important;
		padding: 0 12px !important;
		border-radius: 8px !important;
		font-size: 13px !important;
	}

	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next,
	a.wp-block-query-pagination-previous,
	a.wp-block-query-pagination-next,
	.woocommerce-pagination a.prev,
	.woocommerce-pagination a.next,
	.technomall-page-next {
		padding: 0 14px !important;
	}

	nav.wp-block-query-pagination .page-numbers.dots,
	.wp-block-query-pagination .page-numbers.dots,
	.woocommerce-pagination .page-numbers.dots,
	.technomall-blog-pagination .page-numbers.dots,
	.technomall-page-dots,
	.technomall-page-dots span {
		min-width: 20px !important;
		height: 36px !important;
	}
}

@media (max-width: 480px) {
	nav.wp-block-query-pagination a,
	nav.wp-block-query-pagination span,
	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next,
	.wp-block-query-pagination a,
	.wp-block-query-pagination span.page-numbers,
	.wp-block-query-pagination a.page-numbers,
	.woocommerce-pagination a.page-numbers,
	.woocommerce-pagination span.page-numbers,
	.woocommerce-pagination .page-numbers,
	.technomall-blog-pagination .page-numbers,
	.technomall-page-num,
	.technomall-page-next {
		min-width: 34px !important;
		height: 34px !important;
		padding: 0 10px !important;
		font-size: 12.5px !important;
	}
}

/* ==========================================================================
   SINGLE BLOG POST STYLES
   ========================================================================== */

.technomall-single-blog-main {
	padding-top: 30px;
	padding-bottom: 80px;
	background-color: #ffffff;
}

.technomall-single-blog-wrapper {
	max-width: 960px;
	margin: 0 auto;
}

/* Breadcrumbs */
.technomall-single-breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: #64748b;
	margin-bottom: 24px;
}

.technomall-single-breadcrumbs a {
	color: #64748b;
	text-decoration: none;
	transition: color 0.2s ease;
}

.technomall-single-breadcrumbs a:hover {
	color: #0f172a;
}

.technomall-crumb-sep {
	color: #cbd5e1;
	font-size: 11px;
}

.technomall-crumb-current {
	color: #0f172a;
	font-weight: 600;
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Header */
.technomall-single-header {
	margin-bottom: 32px;
}

.technomall-single-category-pill {
	display: inline-block;
	margin-bottom: 14px;
}

.technomall-single-category-pill a {
	display: inline-block;
	padding: 5px 14px;
	background-color: #ffb700;
	color: #0f172a;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	text-decoration: none;
}

.technomall-single-title {
	font-size: 36px;
	line-height: 1.25;
	font-weight: 900;
	color: #0f172a;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	letter-spacing: -0.015em;
}

.technomall-single-meta-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	font-size: 14px;
	color: #64748b;
	padding-bottom: 20px;
	border-bottom: 1px solid #f1f5f9;
}

.technomall-single-meta-divider {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #cbd5e1;
}

.technomall-single-date,
.technomall-single-readtime {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
}

/* Hero Image Banner */
.technomall-single-hero-image-wrap {
	width: 100%;
	max-height: 480px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 40px;
	background-color: #f1f5f9;
}

.technomall-single-hero-image {
	width: 100%;
	height: 100%;
	max-height: 480px;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

/* Body Content Typography */
.technomall-single-body {
	font-size: 18px;
	line-height: 1.8;
	color: #334155;
	margin-bottom: 48px;
}

.technomall-single-body p {
	margin-bottom: 24px;
}

.technomall-single-body h2 {
	font-size: 26px;
	font-weight: 800;
	color: #0f172a;
	margin: 40px 0 18px 0;
	text-transform: uppercase;
}

.technomall-single-body h3 {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a;
	margin: 32px 0 14px 0;
	text-transform: uppercase;
}

.technomall-single-body blockquote {
	border-left: 4px solid #ffb700;
	padding: 20px 28px;
	margin: 32px 0;
	background-color: #f8fafc;
	border-radius: 0 16px 16px 0;
	font-size: 19px;
	line-height: 1.7;
	color: #1e293b;
	font-style: italic;
}

.technomall-single-body ul,
.technomall-single-body ol {
	margin: 20px 0 24px 24px;
	padding: 0;
}

.technomall-single-body li {
	margin-bottom: 10px;
}

.technomall-single-body img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
	margin: 24px 0;
}

/* Single Footer & Share Bar */
.technomall-single-footer {
	border-top: 1px solid #f1f5f9;
	padding-top: 32px;
	margin-bottom: 60px;
}

.technomall-single-share-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.technomall-share-label {
	font-size: 14px;
	font-weight: 800;
	color: #0f172a;
	text-transform: uppercase;
	margin-right: 4px;
}

.technomall-share-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #f1f5f9;
	color: #0f172a;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.technomall-share-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.technomall-share-btn.facebook:hover {
	background-color: #1877f2;
	color: #ffffff;
}

.technomall-share-btn.telegram:hover {
	background-color: #229ed9;
	color: #ffffff;
}

.technomall-share-btn.whatsapp:hover {
	background-color: #25d366;
	color: #ffffff;
}

.technomall-share-btn.linkedin:hover {
	background-color: #0a66c2;
	color: #ffffff;
}

.technomall-share-btn.copy-link:hover {
	background-color: #ffb700;
	color: #0f172a;
}

/* Related Posts Section */
.technomall-related-posts-section {
	border-top: 2px solid #f1f5f9;
	padding-top: 48px;
}

.technomall-related-posts-title {
	font-size: 24px;
	font-weight: 900;
	color: #0f172a;
	margin: 0 0 28px 0;
	text-transform: uppercase;
}

/* Media Queries for Responsive Perfection */
@media (max-width: 991px) {
	.technomall-blog-card-image-wrap {
		width: 280px;
		height: 190px;
	}

	.technomall-blog-card-title {
		font-size: 19px;
		line-height: 1.25;
	}

	.technomall-single-title {
		font-size: 26px;
		line-height: 1.25;
	}
}

@media (max-width: 768px) {
	html body .technomall-blog-wrapper,
	html body .technomall-single-blog-wrapper {
		padding-left: 16px;
		padding-right: 16px;
	}

	.technomall-blog-main-title {
		font-size: 20px;
		line-height: 1.25;
		margin-bottom: 6px;
	}

	.technomall-blog-subtitle {
		font-size: 13.5px;
	}

	.technomall-blog-card {
		flex-direction: column;
		align-items: stretch;
		padding: 16px;
		gap: 18px;
		border-radius: 20px;
	}

	.technomall-blog-card-image-wrap {
		width: 100%;
		height: 210px;
	}

	.technomall-blog-card-body {
		min-height: auto;
		padding-right: 0;
	}

	.technomall-blog-card-title {
		font-size: 17px;
		line-height: 1.25;
	}

	.technomall-single-title {
		font-size: 20px;
		line-height: 1.25;
	}

	.technomall-single-hero-image-wrap,
	.technomall-single-hero-image {
		max-height: 320px;
		border-radius: 16px;
	}

	.technomall-single-body {
		font-size: 16px;
	}

	.technomall-single-body h2 {
		font-size: 18px;
		line-height: 1.25;
	}

	.technomall-single-body h3 {
		font-size: 16px;
		line-height: 1.25;
	}

	.technomall-related-posts-title {
		font-size: 18px;
		line-height: 1.25;
		margin-bottom: 18px;
	}
}

@media (max-width: 480px) {
	.technomall-blog-main-title {
		font-size: 18px;
		line-height: 1.25;
	}

	.technomall-blog-card-title {
		font-size: 16px;
		line-height: 1.25;
	}

	.technomall-single-title {
		font-size: 18px;
		line-height: 1.25;
	}

	.technomall-blog-card-excerpt p {
		font-size: 13.5px;
	}

	.technomall-blog-card-footer {
		margin-top: 14px;
	}
}

/* Technomall Policy, Contact & Standard Pages 1320px Master Container Bounds (Matches Header .technomall-header-top) */
html body .technomall-page-main .wp-block-post-content > *,
html body .technomall-page-main .entry-content > *,
html body .technomall-policy-container,
html body .technomall-policy-hero-section,
html body .technomall-policy-content-area,
html body .technomall-contact-wrapper,
html body .technomall-discounts-wrapper {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

/* Policy List Alignment under Section Titles */
html body .technomall-page-main .wp-block-post-content > ul,
html body .technomall-page-main .wp-block-post-content > ol,
html body .technomall-page-main .wp-block-list,
.technomall-policy-list {
	list-style: none;
	padding-left: 32px;
}

html body .technomall-page-main .wp-block-post-content > h3,
html body .technomall-page-main h3.wp-block-heading,
.technomall-policy-subheading {
	padding-left: 52px;
}

@media (max-width: 768px) {
	html body .technomall-page-main .wp-block-post-content > ul,
	html body .technomall-page-main .wp-block-post-content > ol,
	html body .technomall-page-main .wp-block-list,
	.technomall-policy-list {
		padding-left: 16px;
	}

	html body .technomall-page-main .wp-block-post-content > h3,
	html body .technomall-page-main h3.wp-block-heading,
	.technomall-policy-subheading {
		padding-left: 0;
	}
}

/* Mobile Hero Slider Thumbnails Suppression (Mobile <= 768px strictly) */
@media (max-width: 768px) {
	html body section.technomall-hero-slider-wrapper .technomall-hero-thumbnails,
	html body .technomall-hero-thumbnails,
	.technomall-hero-thumbnails {
		display: none !important;
	}
}