/**
 * Theme Name: Zerothin Child
 * Theme URI: https://zerothin.com/
 * Description: Custom child theme for the Zerothin activewear e-commerce store, based on Blocksy.
 * Author: Antigravity
 * Template: blocksy
 * Version: 1.0.1
 * Text Domain: zerothin-child
 */

/* --- Brand Typography & Variables --- */
:root {
	--primary-blue: #2496F3;
	--dark-navy: #0B1F3A;
	--accent-blue: #007BFF;
	--light-blue: #EAF6FF;
	--background-off-white: #F8FAFC;
	--text-charcoal: #111827;
	--white: #FFFFFF;

	--font-headings: 'Space Grotesk', sans-serif;
	--font-body: 'Inter', sans-serif;

	--header-height: 80px;
}

body {
	background-color: var(--background-off-white);
	color: var(--text-charcoal);
	font-family: var(--font-body);
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

/* --- Announcement Bar --- */
.zerothin-announcement-bar {
	background-color: var(--primary-blue);
	color: var(--white);
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	font-family: var(--font-body);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 8px 16px;
	min-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}

/* --- Main Header / Navigation --- */
.zerothin-header {
	background-color: var(--white);
	border-bottom: 1px solid rgba(11, 31, 58, 0.05);
	position: sticky;
	top: 0;
	z-index: 999;
	box-shadow: 0 2px 10px rgba(11, 31, 58, 0.02);
}

.zerothin-header-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 40px;
	height: var(--header-height);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zerothin-logo-area {
	display: flex;
	align-items: center;
}

.zerothin-logo {
	height: 50px !important;
	width: auto !important;
	display: block !important;
	max-height: 100% !important;
	object-fit: contain !important;
	transition: height 0.2s ease;
}

@media (max-width: 991px) {
	.zerothin-logo {
		height: 42px !important;
	}
}

@media (max-width: 575px) {
	.zerothin-logo {
		height: 36px !important;
	}
}

/* Navigation */
.zerothin-desktop-nav {
	display: block;
}

.zerothin-nav-list {
	display: flex;
	gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.zerothin-nav-list a {
	color: var(--dark-navy);
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.2s ease;
	position: relative;
	padding: 8px 0;
}

.zerothin-nav-list a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--accent-blue);
	transition: width 0.2s ease;
}

.zerothin-nav-list a:hover {
	color: var(--accent-blue);
}

.zerothin-nav-list a:hover::after {
	width: 100%;
}

/* Actions */
.zerothin-header-actions {
	display: flex;
	align-items: center;
	gap: 24px;
}

.zerothin-header-actions a,
.zerothin-search-toggle,
.zerothin-mobile-toggle {
	color: var(--dark-navy);
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s ease;
	text-decoration: none;
}

.zerothin-header-actions a:hover,
.zerothin-search-toggle:hover,
.zerothin-mobile-toggle:hover {
	color: var(--accent-blue);
}

/* Cart Badge */
.zerothin-cart-link {
	position: relative;
}

.zerothin-cart-link .cart-count {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--primary-blue);
	color: var(--white);
	font-size: 9px;
	font-weight: 700;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(25%, -25%);
	border: 1.5px solid var(--white);
}

/* Search Dropdown */
.zerothin-search-wrapper {
	position: relative;
}

.zerothin-search-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 280px;
	background-color: var(--white);
	box-shadow: 0 10px 30px rgba(11, 31, 58, 0.1);
	border: 1px solid rgba(11, 31, 58, 0.05);
	border-radius: 6px;
	padding: 12px;
	margin-top: 12px;
	z-index: 1000;
}

.zerothin-search-dropdown.active {
	display: block;
	animation: slideDown 0.2s ease forwards;
}

.zerothin-search-dropdown .search-form {
	display: flex;
	align-items: center;
	border: 1px solid rgba(11, 31, 58, 0.1);
	border-radius: 4px;
	overflow: hidden;
}

.zerothin-search-dropdown .search-field {
	flex: 1;
	border: none;
	padding: 8px 12px;
	font-size: 13px;
	outline: none;
	color: var(--text-charcoal);
}

.zerothin-search-dropdown .search-submit {
	background: none;
	border: none;
	padding: 8px 12px;
	color: var(--dark-navy);
	cursor: pointer;
}

.zerothin-search-dropdown .search-submit:hover {
	color: var(--accent-blue);
}

/* Mobile Toggle & Drawer */
.zerothin-mobile-toggle {
	display: none;
}

.zerothin-mobile-drawer {
	display: none;
	position: fixed;
	top: calc(var(--header-height) + 28px);
	/* adjusted for height + announcement bar */
	left: 0;
	width: 100%;
	height: calc(100vh - var(--header-height) - 28px);
	background-color: var(--white);
	z-index: 998;
	padding: 40px;
	box-shadow: 0 10px 20px rgba(11, 31, 58, 0.05);
	overflow-y: auto;
}

/* Animation */
@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* --- Hero Section --- */
.zerothin-hero-section {
	background-color: var(--background-off-white);
	overflow: hidden;
}

.zerothin-hero-container {
	display: flex;
	max-width: 100%;
	margin: 0;
	min-height: calc(100vh - var(--header-height) - 28px);
}

.zerothin-hero-content {
	width: 52%;
	padding: 80px 80px 60px 8%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.zerothin-hero-text-area {
	margin-bottom: 60px;
}

.zerothin-hero-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 72px;
	line-height: 1.05;
	color: var(--dark-navy);
	letter-spacing: -0.03em;
	margin: 0 0 24px 0;
}

.zerothin-hero-subtitle {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 1.6;
	color: var(--text-charcoal);
	max-width: 520px;
	margin: 0 0 40px 0;
}

.zerothin-hero-ctas {
	display: flex;
	gap: 24px;
	align-items: center;
}

.zerothin-button-primary {
	background-color: var(--primary-blue);
	color: var(--white);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 36px;
	border-radius: 8px;
	transition: background-color 0.2s ease, transform 0.1s ease;
	display: inline-block;
}

.zerothin-button-primary:hover {
	background-color: var(--accent-blue);
}

.zerothin-button-primary:active {
	transform: scale(0.98);
}

.zerothin-button-secondary {
	color: var(--dark-navy);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 0;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: color 0.2s ease;
}

.zerothin-button-secondary .arrow {
	color: var(--primary-blue);
	transition: transform 0.2s ease;
}

.zerothin-button-secondary:hover {
	color: var(--accent-blue);
}

.zerothin-button-secondary:hover .arrow {
	transform: translateX(4px);
	color: var(--accent-blue);
}

/* Hero Right Image */
.zerothin-hero-image-container {
	width: 48%;
	position: relative;
	background-color: #E2E8F0;
}

.zerothin-hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* --- Performance Feature Row --- */
.zerothin-features-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	border-top: 1px solid rgba(36, 150, 243, 0.15);
	padding-top: 40px;
	margin-top: auto;
}

.zerothin-feature-item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.zerothin-feature-icon {
	color: var(--primary-blue);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
}

.zerothin-feature-text h3 {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: var(--dark-navy);
	margin: 0 0 6px 0;
	line-height: 1.2;
}

.zerothin-feature-text p {
	font-family: var(--font-body);
	font-size: 11px;
	line-height: 1.35;
	color: var(--text-charcoal);
	margin: 0;
	opacity: 0.85;
}

/* ==========================================================================
   PHASE 3: OUR PROMISE & BENEFITS STRIP (DESKTOP)
   ========================================================================== */

/* --- Our Promise Section --- */
.zerothin-promise-section {
	background-color: var(--dark-navy);
	color: var(--white);
	overflow: hidden;
}

.zerothin-promise-container {
	display: flex;
	max-width: 100%;
	min-height: 560px;
}

.zerothin-promise-content {
	width: 50%;
	padding: 80px 80px 80px 8%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.zerothin-promise-eyebrow {
	font-family: var(--font-headings);
	color: var(--primary-blue);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 16px;
	display: inline-block;
}

.zerothin-promise-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 44px;
	line-height: 1.15;
	color: var(--white);
	letter-spacing: -0.02em;
	margin: 0 0 24px 0;
}

.zerothin-promise-text {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.85);
	max-width: 480px;
	margin: 0 0 40px 0;
}

.zerothin-promise-button {
	background-color: var(--primary-blue);
	color: var(--white);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 36px;
	border-radius: 8px;
	transition: background-color 0.2s ease, transform 0.1s ease;
	display: inline-block;
}

.zerothin-promise-button:hover {
	background-color: var(--accent-blue);
}

.zerothin-promise-button:active {
	transform: scale(0.98);
}

.zerothin-promise-image-container {
	width: 50%;
	position: relative;
}

.zerothin-promise-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* --- Benefits Strip Section --- */
.zerothin-benefits-strip {
	background-color: var(--white);
	border-bottom: 1px solid rgba(11, 31, 58, 0.05);
}

.zerothin-benefits-container {
	max-width: 1400px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	padding: 40px;
}

.zerothin-benefit-item {
	display: flex;
	align-items: center;
	gap: 16px;
}

.zerothin-benefit-icon {
	color: var(--primary-blue);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zerothin-benefit-text h3 {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: var(--dark-navy);
	margin: 0 0 4px 0;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.zerothin-benefit-text p {
	font-family: var(--font-body);
	font-size: 12px;
	color: var(--text-charcoal);
	margin: 0;
	opacity: 0.8;
}

/* ==========================================================================
   PHASE 4: NEWSLETTER & FOOTER (DESKTOP)
   ========================================================================== */

/* --- Newsletter Section --- */
.zerothin-newsletter-section {
	background-color: var(--background-off-white);
	border-bottom: 1px solid rgba(11, 31, 58, 0.05);
}

.zerothin-newsletter-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 40px;
}

.zerothin-newsletter-content {
	max-width: 500px;
}

.zerothin-newsletter-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 28px;
	color: var(--dark-navy);
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

.zerothin-newsletter-text {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.5;
	color: var(--text-charcoal);
	margin: 0;
}

.zerothin-newsletter-form-wrapper {
	max-width: 500px;
	width: 100%;
}

.zerothin-newsletter-form {
	display: flex;
	gap: 12px;
	width: 100%;
}

.zerothin-newsletter-input {
	flex: 1;
	background-color: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.15);
	border-radius: 8px;
	padding: 14px 20px;
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--text-charcoal);
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.zerothin-newsletter-input:focus {
	border-color: var(--primary-blue);
	box-shadow: 0 0 0 3px rgba(36, 150, 243, 0.15);
}

.zerothin-newsletter-submit {
	background-color: var(--primary-blue);
	color: var(--white);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 14px 28px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.zerothin-newsletter-submit:hover {
	background-color: var(--accent-blue);
}

.zerothin-newsletter-submit:active {
	transform: scale(0.98);
}

.zerothin-newsletter-feedback {
	font-family: var(--font-body);
	font-size: 13px;
	margin-top: 10px;
	font-weight: 500;
}

/* --- Footer Section --- */
.zerothin-footer {
	background-color: var(--dark-navy);
	color: var(--white);
	font-family: var(--font-body);
}

.zerothin-footer-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 40px 60px 40px;
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
	gap: 50px 30px;
}

.zerothin-footer-col {
	display: flex;
	flex-direction: column;
}

.zerothin-footer-brand {
	padding-right: 30px;
}

.zerothin-footer-logo {
	height: 60px;
	width: auto;
	display: block;
	margin-bottom: 24px;
}

.zerothin-footer-statement {
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.7);
	margin: 0 0 24px 0;
}

/* Socials */
.zerothin-footer-socials {
	display: flex;
	gap: 16px;
}

.social-icon {
	color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.05);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.social-icon:hover {
	color: var(--white);
	background-color: var(--primary-blue);
}

/* Links */
.zerothin-footer-heading {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.05em;
	color: var(--white);
	margin: 0 0 24px 0;
	text-transform: uppercase;
}

.zerothin-footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.zerothin-footer-links a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-size: 14px;
	transition: color 0.2s ease;
	display: inline-block;
}

.zerothin-footer-links a:hover {
	color: var(--primary-blue);
}

/* Copyright Bottom */
.zerothin-footer-bottom {
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	text-align: center;
}

.zerothin-footer-bottom p {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
}

/* --- Responsive Adjustments --- */

@media (max-width: 1400px) {
	.zerothin-hero-title {
		font-size: 60px;
	}

	.zerothin-hero-content {
		padding-left: 5%;
	}
}

@media (max-width: 1200px) {
	.zerothin-header-container {
		padding: 0 24px;
	}

	.zerothin-nav-list {
		gap: 24px;
	}

	.zerothin-hero-title {
		font-size: 50px;
	}

	.zerothin-hero-subtitle {
		font-size: 16px;
	}

	.zerothin-features-row {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

@media (max-width: 991px) {

	/* Header changes */
	.zerothin-desktop-nav {
		display: none;
	}

	.zerothin-mobile-toggle {
		display: flex;
	}

	.zerothin-mobile-drawer.active {
		display: block;
	}

	.zerothin-mobile-nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.zerothin-mobile-nav a {
		color: var(--dark-navy);
		font-family: var(--font-body);
		font-weight: 600;
		font-size: 20px;
		letter-spacing: 0.05em;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		padding: 10px 0;
	}

	.zerothin-mobile-nav a:hover {
		color: var(--accent-blue);
	}

	/* Hero splits */
	.zerothin-hero-container {
		flex-direction: column;
	}

	.zerothin-hero-content {
		width: 100%;
		padding: 60px 24px;
	}

	.zerothin-hero-image-container {
		width: 100%;
		height: 480px;
	}

	.zerothin-hero-text-area {
		margin-bottom: 40px;
	}
}

@media (max-width: 575px) {
	.zerothin-announcement-bar {
		font-size: 9px;
		padding: 6px 12px;
	}

	.zerothin-header-container {
		height: 60px;
	}

	.zerothin-mobile-drawer {
		top: calc(60px + 23px);
		/* adjusts dynamically for mobile height + announcement */
		height: calc(100vh - 60px - 23px);
		padding: 24px;
	}

	.zerothin-hero-title {
		font-size: 40px;
	}

	.zerothin-hero-ctas {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.zerothin-button-primary {
		width: 100%;
		text-align: center;
		padding: 14px 24px;
	}

	.zerothin-button-secondary {
		padding: 8px 0;
	}

	.zerothin-hero-image-container {
		height: 320px;
	}

	.zerothin-features-row {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* ==========================================================================
   PHASE 2: SHOP BY CATEGORY & BEST SELLERS
   ========================================================================== */

/* --- Shared Sections Styles --- */
.zerothin-section-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 40px;
}

.zerothin-section-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(11, 31, 58, 0.08);
	padding-bottom: 20px;
}

.zerothin-section-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 28px;
	letter-spacing: -0.02em;
	color: var(--dark-navy);
	margin: 0;
	text-transform: uppercase;
}

.zerothin-view-all {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.05em;
	color: var(--dark-navy);
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s ease;
}

.zerothin-view-all .arrow {
	color: var(--primary-blue);
	transition: transform 0.2s ease;
	display: inline-block;
}

.zerothin-view-all:hover {
	color: var(--accent-blue);
}

.zerothin-view-all:hover .arrow {
	transform: translateX(4px);
	color: var(--accent-blue);
}

/* --- Shop By Category --- */
.zerothin-category-section {
	background-color: var(--white);
}

.zerothin-category-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.zerothin-category-card {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	display: block;
	aspect-ratio: 3 / 4;
	text-decoration: none;
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.03);
}

.zerothin-category-card-image-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.zerothin-category-card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.zerothin-category-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(11, 31, 58, 0.8) 0%, rgba(11, 31, 58, 0.2) 60%, rgba(11, 31, 58, 0.1) 100%);
	transition: background-color 0.3s ease;
}

.zerothin-category-card-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px;
	z-index: 2;
}

.zerothin-category-card-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 24px;
	color: var(--white);
	margin: 0 0 6px 0;
	letter-spacing: -0.01em;
}

.zerothin-category-card-phrase {
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 500;
	color: var(--white);
	opacity: 0.85;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.zerothin-category-card-arrow {
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: var(--white);
	font-size: 20px;
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Category Card Hover */
.zerothin-category-card:hover .zerothin-category-card-image {
	transform: scale(1.03);
}

.zerothin-category-card:hover .zerothin-category-card-arrow {
	opacity: 1;
	transform: translateX(0);
	color: var(--primary-blue);
}

/* --- Best Sellers --- */
.zerothin-best-sellers-section {
	background-color: var(--background-off-white);
}

.zerothin-products-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}

.zerothin-product-card {
	background: var(--white);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.02);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: 1px solid rgba(11, 31, 58, 0.03);
}

.zerothin-product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgba(11, 31, 58, 0.06);
}

.zerothin-product-card-image-wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	background-color: var(--background-off-white);
	overflow: hidden;
	display: block;
	padding: 0;
}

.zerothin-product-card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.3s ease;
	display: block;
}

.zerothin-product-card:hover .zerothin-product-card-image {
	transform: scale(1.05);
}

.zerothin-product-sale-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background-color: var(--primary-blue);
	color: var(--white);
	font-size: 10px;
	font-weight: 700;
	padding: 6px 14px;
	border-radius: 50px;
	letter-spacing: 0.08em;
	box-shadow: 0 2px 8px rgba(36, 150, 243, 0.25);
	z-index: 2;
}

.zerothin-product-card-info {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.zerothin-product-card-title {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 10px 0;
}

.zerothin-product-card-title a {
	color: var(--text-charcoal);
	text-decoration: none;
	transition: color 0.2s ease;
}

.zerothin-product-card-title a:hover {
	color: var(--accent-blue);
}

.zerothin-product-card-price {
	margin-top: auto;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	color: var(--dark-navy);
}

.zerothin-product-card-price del {
	color: #94A3B8;
	font-weight: 400;
	font-size: 13px;
	margin-right: 8px;
}

.zerothin-product-card-price ins {
	text-decoration: none;
	color: var(--primary-blue);
}

.zerothin-no-products {
	grid-column: 1 / -1;
	text-align: center;
	padding: 40px;
	color: #64748B;
	font-size: 14px;
}

/* --- Phase 2 Responsive Media Queries --- */

@media (max-width: 1200px) {
	.zerothin-category-grid {
		gap: 20px;
	}

	.zerothin-products-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
}

@media (max-width: 991px) {
	.zerothin-section-container {
		padding: 60px 24px;
	}

	.zerothin-category-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.zerothin-products-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}

	/* Phase 3 */
	.zerothin-promise-container {
		flex-direction: column;
	}

	.zerothin-promise-content {
		width: 100%;
		padding: 60px 24px;
	}

	.zerothin-promise-image-container {
		width: 100%;
		height: 400px;
	}

	.zerothin-benefits-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px;
	}

	/* Phase 4 */
	.zerothin-newsletter-container {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		padding: 40px 24px;
	}

	.zerothin-newsletter-content {
		max-width: 100%;
	}

	.zerothin-newsletter-form-wrapper {
		max-width: 100%;
	}

	.zerothin-footer-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 30px;
		padding: 60px 24px 40px 24px;
	}

	.zerothin-footer-brand {
		grid-column: span 2;
		padding-right: 0;
		margin-bottom: 20px;
	}
}

@media (max-width: 575px) {
	.zerothin-section-container {
		padding: 40px 16px;
	}

	.zerothin-section-title {
		font-size: 22px;
	}

	.zerothin-category-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.zerothin-category-card-info {
		padding: 20px;
	}

	.zerothin-category-card-title {
		font-size: 20px;
	}

	.zerothin-products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.zerothin-product-card-info {
		padding: 12px;
	}

	.zerothin-product-card-title {
		font-size: 13px;
		margin-bottom: 6px;
	}

	.zerothin-product-card-price {
		font-size: 14px;
	}

	/* Phase 3 */
	.zerothin-promise-title {
		font-size: 32px;
	}

	.zerothin-promise-text {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.zerothin-promise-button {
		width: 100%;
		text-align: center;
	}

	.zerothin-promise-image-container {
		height: 300px;
	}

	.zerothin-benefits-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 12px;
		padding: 30px 16px;
	}

	.zerothin-benefit-item {
		gap: 10px;
	}

	.zerothin-benefit-text h3 {
		font-size: 12px;
	}

	.zerothin-benefit-text p {
		font-size: 10px;
	}

	/* Phase 4 */
	.zerothin-newsletter-container {
		padding: 40px 16px;
		gap: 24px;
	}

	.zerothin-newsletter-title {
		font-size: 22px;
	}

	.zerothin-newsletter-form {
		flex-direction: column;
		gap: 12px;
	}

	.zerothin-newsletter-input {
		width: 100%;
		padding: 12px 16px;
	}

	.zerothin-newsletter-submit {
		width: 100%;
		padding: 12px;
	}

	.zerothin-footer-container {
		grid-template-columns: 1fr;
		gap: 32px;
		padding: 50px 16px 30px 16px;
	}

	.zerothin-footer-brand {
		grid-column: span 1;
		margin-bottom: 10px;
	}

	.zerothin-footer-heading {
		margin-bottom: 16px;
	}

	.zerothin-footer-bottom {
		padding: 24px 16px;
	}
}

/* ==========================================================================
   PHASE 5: WOOCOMMERCE SHOP PAGE STYLE RULES
   ========================================================================== */

/* --- Shop Hero Section --- */
.zerothin-shop-hero {
	background-color: var(--background-off-white);
	border-bottom: 1px solid rgba(11, 31, 58, 0.05);
	overflow: hidden;
}

.zerothin-shop-hero-container {
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 40px;
	height: 280px;
	align-items: center;
	justify-content: space-between;
}

.zerothin-shop-hero-content {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.zerothin-breadcrumb {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	color: #64748B;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.zerothin-breadcrumb a {
	color: #64748B;
	text-decoration: none;
	transition: color 0.2s ease;
}

.zerothin-breadcrumb a:hover {
	color: var(--primary-blue);
}

.zerothin-breadcrumb .separator {
	margin: 0 8px;
	font-weight: 400;
	color: #94A3B8;
}

.zerothin-breadcrumb .current {
	color: var(--dark-navy);
	font-weight: 700;
}

.zerothin-shop-hero-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 44px;
	line-height: 1.1;
	color: var(--dark-navy);
	letter-spacing: -0.02em;
	margin: 0 0 12px 0;
	text-transform: uppercase;
}

.zerothin-shop-hero-subtitle {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.5;
	color: var(--text-charcoal);
	opacity: 0.85;
	max-width: 460px;
	margin: 0;
}

.zerothin-shop-hero-image-wrapper {
	width: 45%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: stretch;
}

.zerothin-shop-hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	display: block;
}

/* --- Shop Layout Container --- */
.zerothin-shop-layout-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 60px 40px 80px 40px;
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 60px;
	background-color: var(--white);
}

/* --- Sidebar Styling --- */
.zerothin-shop-sidebar {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sidebar-widget {
	border-bottom: 1px solid rgba(11, 31, 58, 0.06);
	padding-bottom: 30px;
}

.sidebar-widget:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.widget-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.08em;
	color: var(--dark-navy);
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.filter-header {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.05em;
	color: var(--dark-navy);
	margin: 0 0 20px 0;
	text-transform: uppercase;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--dark-navy);
}

/* Category List */
.category-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.category-list li {
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 500;
}

.category-list li a {
	color: var(--text-charcoal);
	text-decoration: none;
	transition: color 0.2s ease;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.category-list li a .count {
	color: #94A3B8;
	font-weight: 400;
	font-size: 12px;
}

.category-list li.active a {
	color: var(--primary-blue);
	font-weight: 700;
}

.category-list li.active a .count {
	color: var(--primary-blue);
	font-weight: 700;
}

.category-list li a:hover {
	color: var(--primary-blue);
}

/* Price Slider Styling */
.price-slider-container {
	margin-top: 10px;
}

.slider-track-wrapper {
	position: relative;
	width: 100%;
	height: 6px;
	margin-bottom: 24px;
}

.slider-track {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 3px;
	background: #E2E8F0;
}

.slider-track-wrapper input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	outline: none;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	background: transparent;
	pointer-events: none;
	height: 6px;
}

.slider-track-wrapper input[type="range"]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	height: 6px;
}

.slider-track-wrapper input[type="range"]::-moz-range-track {
	-moz-appearance: none;
	height: 6px;
}

.slider-track-wrapper input[type="range"]::-ms-track {
	height: 6px;
}

.slider-track-wrapper input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background-color: var(--primary-blue);
	cursor: pointer;
	margin-top: -6px;
	pointer-events: auto;
	border: 2px solid var(--white);
	box-shadow: 0 2px 6px rgba(11, 31, 58, 0.15);
	transition: transform 0.1s ease;
}

.slider-track-wrapper input[type="range"]::-webkit-slider-thumb:hover {
	transform: scale(1.1);
}

.slider-track-wrapper input[type="range"]::-moz-range-thumb {
	-moz-appearance: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background-color: var(--primary-blue);
	cursor: pointer;
	pointer-events: auto;
	border: 2px solid var(--white);
	box-shadow: 0 2px 6px rgba(11, 31, 58, 0.15);
}

.price-slider-values {
	display: flex;
	justify-content: space-between;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	color: var(--dark-navy);
}

.price-value {
	background-color: var(--background-off-white);
	padding: 6px 12px;
	border-radius: 6px;
	border: 1px solid rgba(11, 31, 58, 0.05);
}

/* Checkbox filter */
.filter-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.filter-checkbox-label {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 500;
	color: var(--text-charcoal);
	cursor: pointer;
	position: relative;
	user-select: none;
}

.filter-checkbox-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.custom-checkbox {
	height: 18px;
	width: 18px;
	background-color: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.15);
	border-radius: 4px;
	display: inline-block;
	position: relative;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.filter-checkbox-label:hover input~.custom-checkbox {
	border-color: var(--primary-blue);
}

.filter-checkbox-label input:checked~.custom-checkbox {
	background-color: var(--primary-blue);
	border-color: var(--primary-blue);
}

.custom-checkbox:after {
	content: "";
	position: absolute;
	display: none;
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid var(--white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.filter-checkbox-label input:checked~.custom-checkbox:after {
	display: block;
}

.filter-checkbox-label .count {
	color: #94A3B8;
	font-size: 12px;
	font-weight: 400;
	margin-left: auto;
}

/* Size Boxes */
.size-boxes-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.size-box-label {
	border: 1px solid rgba(11, 31, 58, 0.15);
	border-radius: 6px;
	text-align: center;
	padding: 10px 0;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--dark-navy);
	cursor: pointer;
	transition: all 0.2s ease;
	user-select: none;
}

.size-box-label:hover {
	border-color: var(--primary-blue);
	color: var(--primary-blue);
}

.size-box-label.checked {
	border-color: var(--primary-blue);
	background-color: var(--primary-blue);
	color: var(--white);
}

/* Color Swatches */
.color-swatches-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.color-swatch-label {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid transparent;
	transition: border-color 0.2s ease;
}

.color-swatch-label .swatch-circle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: block;
	box-shadow: inset 0 1px 3px rgba(11, 31, 58, 0.1);
}

.color-swatch-label:hover {
	border-color: rgba(36, 150, 243, 0.3);
}

.color-swatch-label.checked {
	border-color: var(--primary-blue);
}

/* Action buttons */
.filter-action-buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 10px;
}

.filter-submit-btn {
	width: 100%;
	text-align: center;
	padding: 14px 20px;
	border: none;
	font-size: 13px;
	letter-spacing: 0.08em;
	cursor: pointer;
}

.zerothin-filter-clear-btn {
	background: none;
	border: 1px solid rgba(11, 31, 58, 0.15);
	color: var(--dark-navy);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 14px 20px;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.zerothin-filter-clear-btn:hover {
	background-color: var(--background-off-white);
	border-color: var(--dark-navy);
}

/* --- Main Shop Area --- */
.zerothin-shop-main {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

/* Products Toolbar */
.zerothin-products-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(11, 31, 58, 0.06);
}

.products-count-text {
	font-family: var(--font-body);
	font-size: 14px;
	color: #64748B;
	margin: 0;
}

.sort-label {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 12px;
	color: var(--dark-navy);
	letter-spacing: 0.05em;
	margin-right: 12px;
	text-transform: uppercase;
}

.sort-select-wrapper {
	position: relative;
	display: inline-block;
}

.sort-select-wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.12);
	border-radius: 6px;
	padding: 10px 36px 10px 16px;
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 13px;
	color: var(--dark-navy);
	outline: none;
	cursor: pointer;
	transition: border-color 0.2s ease;
}

.sort-select-wrapper select:focus {
	border-color: var(--primary-blue);
}

.sort-select-wrapper::after {
	content: "↓";
	font-size: 10px;
	color: var(--dark-navy);
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.mobile-toolbar-actions {
	display: none;
}

/* Shop Product Grid adjustment */
.zerothin-products-grid.shop-grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 24px;
}

.zerothin-product-card-colors {
	display: flex;
	gap: 6px;
	margin-top: 10px;
}

.zerothin-product-card-colors .color-indicator {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
	border: 1px solid rgba(11, 31, 58, 0.1);
}

/* Pagination Styling */
.zerothin-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid rgba(11, 31, 58, 0.06);
}

.zerothin-pagination a,
.zerothin-pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
	color: var(--dark-navy);
	border: 1px solid rgba(11, 31, 58, 0.08);
}

.zerothin-pagination a:hover {
	border-color: var(--primary-blue);
	color: var(--primary-blue);
	background-color: var(--light-blue);
}

.zerothin-pagination span.current {
	background-color: var(--primary-blue);
	color: var(--white);
	border-color: var(--primary-blue);
}

/* Empty Results */
.zerothin-empty-results {
	text-align: center;
	padding: 80px 40px;
	border-radius: 12px;
	background-color: var(--background-off-white);
	border: 1px dashed rgba(11, 31, 58, 0.1);
}

.zerothin-empty-results h2 {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 24px;
	color: var(--dark-navy);
	margin: 0 0 10px 0;
	letter-spacing: -0.01em;
}

.zerothin-empty-results p {
	font-family: var(--font-body);
	font-size: 14px;
	color: #64748B;
	margin: 0 0 30px 0;
}

.empty-actions {
	display: flex;
	gap: 16px;
	justify-content: center;
}

.empty-actions .zerothin-button-secondary {
	border: 1px solid rgba(11, 31, 58, 0.15);
	padding: 16px 36px;
	border-radius: 8px;
}

.empty-actions .zerothin-button-secondary:hover {
	border-color: var(--dark-navy);
	background-color: var(--white);
}

/* --- Mobile Filters Drawer --- */
.zerothin-mobile-filters-drawer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	visibility: hidden;
	transition: visibility 0.3s ease;
}

.zerothin-mobile-filters-drawer.active {
	visibility: visible;
}

.drawer-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(11, 31, 58, 0.4);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.zerothin-mobile-filters-drawer.active .drawer-overlay {
	opacity: 1;
}

.drawer-content {
	position: absolute;
	top: 0;
	right: -320px;
	width: 320px;
	height: 100%;
	background-color: var(--white);
	box-shadow: -4px 0 20px rgba(11, 31, 58, 0.1);
	display: flex;
	flex-direction: column;
	transition: right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.zerothin-mobile-filters-drawer.active .drawer-content {
	right: 0;
}

.drawer-header {
	padding: 24px;
	border-bottom: 1px solid rgba(11, 31, 58, 0.06);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.drawer-header h3 {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 16px;
	color: var(--dark-navy);
	margin: 0;
	letter-spacing: 0.05em;
}

.drawer-close-btn {
	background: none;
	border: none;
	font-size: 28px;
	font-weight: 300;
	color: var(--dark-navy);
	cursor: pointer;
	padding: 0;
	line-height: 1;
}

.drawer-body {
	flex: 1;
	overflow-y: auto;
	padding: 24px;
}

.drawer-body form {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.drawer-body .filter-header {
	display: none;
	/* Hide header in mobile form clone */
}

/* --- Responsive Media Queries --- */

@media (max-width: 1400px) {
	.zerothin-shop-layout-container {
		padding-left: 24px;
		padding-right: 24px;
		gap: 40px;
	}
}

@media (max-width: 1200px) {
	.zerothin-products-grid.shop-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px 20px;
	}

	.zerothin-shop-layout-container {
		grid-template-columns: 240px 1fr;
		gap: 30px;
	}
}

@media (max-width: 1024px) {
	.zerothin-shop-hero-container {
		height: 240px;
		padding: 0 24px;
	}

	.zerothin-shop-hero-title {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.zerothin-shop-layout-container {
		grid-template-columns: 1fr;
		padding-top: 40px;
	}

	.zerothin-shop-sidebar {
		display: none;
		/* Hide sidebar form on mobile */
	}

	.mobile-toolbar-actions {
		display: block;
	}

	.mobile-filter-toggle-btn {
		display: flex;
		align-items: center;
		gap: 8px;
		background: none;
		border: 1px solid rgba(11, 31, 58, 0.15);
		border-radius: 6px;
		padding: 10px 16px;
		font-family: var(--font-body);
		font-weight: 600;
		font-size: 13px;
		letter-spacing: 0.05em;
		color: var(--dark-navy);
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.mobile-filter-toggle-btn:hover {
		border-color: var(--dark-navy);
		background-color: var(--background-off-white);
	}

	.zerothin-products-toolbar {
		padding-bottom: 16px;
	}

	.products-count-text {
		display: none;
		/* Hide count on mobile layout to save space, or keep small */
	}

	.zerothin-products-grid.shop-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 12px;
	}
}

@media (max-width: 575px) {
	.zerothin-shop-hero-container {
		flex-direction: column;
		height: auto;
		padding: 40px 16px;
		align-items: flex-start;
		gap: 24px;
	}

	.zerothin-shop-hero-content {
		width: 100%;
	}

	.zerothin-shop-hero-image-wrapper {
		width: 100%;
		height: 200px;
		align-items: center;
	}

	.zerothin-shop-hero-image {
		height: 100%;
		object-fit: cover;
	}

	.zerothin-shop-layout-container {
		padding: 30px 12px 60px 12px;
	}

	.zerothin-pagination a,
	.zerothin-pagination span {
		width: 36px;
		height: 36px;
		font-size: 13px;
		border-radius: 6px;
	}

	.empty-actions {
		flex-direction: column;
		gap: 12px;
	}

	.empty-actions button,
	.empty-actions a {
		width: 100%;
		text-align: center;
	}
}

/* ==========================================================================
   PHASE 5: SINGLE PRODUCT PAGE STYLES
   ========================================================================== */

.zerothin-single-product-wrapper {
	max-width: 1400px;
	margin: 0 auto;
	padding: 40px;
	width: 100%;
	box-sizing: border-box;
}

.zerothin-single-product-wrapper * {
	box-sizing: border-box;
}

/* Breadcrumbs */
.zerothin-breadcrumb-container {
	margin-bottom: 30px;
}

.zerothin-breadcrumb-container .zerothin-breadcrumb {
	font-family: var(--font-body);
	font-size: 12px;
	color: #6b7280;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.zerothin-breadcrumb-container .zerothin-breadcrumb a {
	color: #6b7280;
	text-decoration: none;
	transition: color 0.2s ease;
}

.zerothin-breadcrumb-container .zerothin-breadcrumb a:hover {
	color: var(--primary-blue);
}

.zerothin-breadcrumb-container .zerothin-breadcrumb .separator {
	margin: 0 8px;
	color: #d1d5db;
}

.zerothin-breadcrumb-container .zerothin-breadcrumb .current {
	color: var(--dark-navy);
	font-weight: 600;
}

/* Grid Layout */
.zerothin-product-main-section {
	display: grid;
	grid-template-columns: minmax(0, 55%) minmax(0, 45%);
	gap: 50px;
	margin-bottom: 80px;
	align-items: start;
	width: 100%;
	box-sizing: border-box;
}

.zerothin-product-gallery-column,
.zerothin-product-info-column {
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

/* Interactive Gallery */
.zerothin-gallery-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.zerothin-gallery-main-view {
	background-color: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.05);
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	position: relative;
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.01);
}

.zerothin-gallery-main-view img.main-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.zerothin-gallery-main-view .main-video-container {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: relative;
}

.zerothin-gallery-main-view .main-video-container iframe,
.zerothin-gallery-main-view .main-video-container video {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.zerothin-gallery-thumbnails {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding-bottom: 8px;
}

.zerothin-gallery-thumbnails::-webkit-scrollbar {
	height: 4px;
}

.zerothin-gallery-thumbnails::-webkit-scrollbar-track {
	background: rgba(11, 31, 58, 0.05);
	border-radius: 4px;
}

.zerothin-gallery-thumbnails::-webkit-scrollbar-thumb {
	background: var(--primary-blue);
	border-radius: 4px;
}

.zerothin-thumbnail-item {
	width: 80px;
	height: 100px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 2px solid transparent;
	overflow: hidden;
	background: var(--white);
	padding: 0;
	cursor: pointer;
	position: relative;
	transition: border-color 0.2s ease, opacity 0.2s ease;
}

.zerothin-thumbnail-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zerothin-thumbnail-item:hover {
	opacity: 0.9;
}

.zerothin-thumbnail-item.active {
	border-color: var(--primary-blue);
}

.zerothin-thumbnail-item .video-thumb-placeholder {
	width: 100%;
	height: 100%;
	background-color: var(--dark-navy);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
}

.zerothin-thumbnail-item .video-thumb-placeholder .play-icon {
	fill: currentColor;
	color: var(--primary-blue);
}

/* Product Info Column */
.zerothin-product-info-column {
	display: flex;
	flex-direction: column;
}

/* Badges */
.zerothin-badge {
	align-self: flex-start;
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.08em;
	padding: 6px 14px;
	border-radius: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	display: inline-block;
}

.badge-new {
	background-color: var(--light-blue);
	color: var(--accent-blue);
}

.badge-best_seller {
	background-color: #fef3c7;
	color: #d97706;
}

.badge-hot {
	background-color: #fee2e2;
	color: #dc2626;
}

.badge-sale {
	background-color: #fee2e2;
	color: #dc2626;
}

/* Title & Price */
.zerothin-product-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 38px;
	color: var(--dark-navy);
	margin: 0 0 16px 0;
	line-height: 1.15;
}

.zerothin-product-meta-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(11, 31, 58, 0.08);
	padding-bottom: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
	gap: 16px;
}

.zerothin-product-price {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 24px;
	color: var(--text-charcoal);
}

.zerothin-product-price ins,
.zerothin-product-price ins .amount,
.price ins,
.price ins .amount {
	text-decoration: none !important;
	color: var(--primary-blue) !important;
	font-weight: 700 !important;
}

.zerothin-product-price del,
.zerothin-product-price del .amount,
.price del,
.price del .amount {
	color: #9ca3af !important;
	font-size: 18px;
	font-weight: 400;
	margin-right: 8px;
	text-decoration: line-through;
}

/* Star Rating */
.zerothin-product-rating {
	display: flex;
	align-items: center;
	gap: 8px;
}

.zerothin-product-rating .star-rating {
	font-size: 14px;
	width: 80px;
	height: 16px;
	letter-spacing: 0.1em;
	color: #d1d5db;
	position: relative;
	font-family: star;
}

.zerothin-product-rating .star-rating::before {
	content: 'sssss';
	position: absolute;
	top: 0;
	left: 0;
}

.zerothin-product-rating .star-rating span {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding-top: 1.5em;
	color: #f59e0b;
}

.zerothin-product-rating .star-rating span::before {
	content: 'SSSSS';
	position: absolute;
	top: 0;
	left: 0;
}

.woocommerce-review-link {
	font-family: var(--font-body);
	font-size: 13px;
	color: #6b7280;
	text-decoration: none;
	font-weight: 500;
}

.woocommerce-review-link:hover {
	color: var(--primary-blue);
	text-decoration: underline;
}

/* Description */
.zerothin-product-short-description {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.6;
	color: var(--text-charcoal);
	margin-bottom: 30px;
	opacity: 0.9;
}

/* Performance Highlight Pills */
.zerothin-product-features-container {
	background-color: var(--background-off-white);
	border: 1px solid rgba(11, 31, 58, 0.05);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
	width: 100%;
	box-sizing: border-box;
}

.zerothin-product-features-container .features-title {
	font-family: var(--font-headings);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--dark-navy);
	margin: 0 0 14px 0;
}

.zerothin-features-pills-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zerothin-feature-pill {
	background-color: var(--white);
	border: 1px solid rgba(36, 150, 243, 0.15);
	border-radius: 30px;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 2px 6px rgba(11, 31, 58, 0.02);
}

.zerothin-feature-pill .feature-pill-icon {
	color: var(--primary-blue);
	display: flex;
	align-items: center;
	justify-content: center;
}

.zerothin-feature-pill .feature-pill-text {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	color: var(--dark-navy);
	letter-spacing: 0.03em;
}

/* WooCommerce Purchase & Variations Form */
.zerothin-product-purchase-box {
	margin-bottom: 35px;
	width: 100%;
	box-sizing: border-box;
}

.variations_form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}

.variations_form .variations {
	width: 100%;
	border: none;
	margin-bottom: 10px;
}

.variations_form .variations tr {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 16px;
	border: none;
}

.variations_form .variations td {
	padding: 0;
	border: none;
	background: none;
}

.variations_form .variations td.label {
	font-family: var(--font-headings);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--dark-navy);
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Size Guide Trigger Link */
.zerothin-size-guide-trigger {
	font-family: var(--font-body);
	font-size: 12px;
	color: var(--primary-blue);
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	text-transform: none;
	letter-spacing: 0;
	transition: color 0.2s ease;
	margin-top: 4px;
}

.zerothin-size-guide-trigger:hover {
	color: var(--accent-blue);
	text-decoration: underline;
}

/* Custom Swatches */
.zerothin-swatches-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}

.zerothin-swatch {
	cursor: pointer;
	border: 1.5px solid rgba(11, 31, 58, 0.12);
	background-color: var(--white);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Color Swatches (Circular) */
.zerothin-swatch.swatch-color {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	padding: 0;
	box-shadow: inset 0 0 0 2px var(--white);
}

.zerothin-swatch.swatch-color:hover {
	transform: scale(1.08);
	border-color: var(--primary-blue);
}

.zerothin-swatch.swatch-color.active {
	border-color: var(--primary-blue);
	box-shadow: inset 0 0 0 2px var(--white), 0 0 0 2px var(--primary-blue);
}

/* Size/Text Swatches (Square box) */
.zerothin-swatch.swatch-text {
	padding: 10px 16px;
	border-radius: 6px;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--dark-navy);
	min-width: 48px;
}

.zerothin-swatch.swatch-text:hover {
	border-color: var(--primary-blue);
	color: var(--primary-blue);
}

.zerothin-swatch.swatch-text.active {
	background-color: var(--dark-navy);
	border-color: var(--dark-navy);
	color: var(--white);
}

/* Quantity Selector & Add to Cart button layout */
.variations_button,
.cart:not(.variations_form) {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-top: 25px;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}

/* Quantity Control wrapper override */
.woocommerce-quantity,
.variations_form .quantity,
.quantity,
.ct-quantity {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1.5px solid rgba(11, 31, 58, 0.15) !important;
	border-radius: 8px !important;
	background-color: var(--white) !important;
	overflow: hidden !important;
	height: 52px !important;
	flex-shrink: 0 !important;
	position: relative !important;
}

.woocommerce-quantity input.qty,
.variations_form .quantity input.qty,
.quantity input.qty,
.quantity input[type="number"],
div.quantity input.qty,
.ct-quantity input.qty,
.ct-quantity input[type="number"],
form.cart .quantity input.qty,
form.cart .quantity input[type="number"] {
	width: 48px !important;
	min-width: 40px !important;
	height: 100% !important;
	min-height: 40px !important;
	border: none !important;
	text-align: center !important;
	font-family: var(--font-body) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #0B1F3A !important;
	-webkit-text-fill-color: #0B1F3A !important;
	background: transparent !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	line-height: 52px !important;
	z-index: 2 !important;
	position: relative !important;
	box-shadow: none !important;
	-webkit-appearance: textfield !important;
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

.woocommerce-quantity input.qty::-webkit-outer-spin-button,
.woocommerce-quantity input.qty::-webkit-inner-spin-button,
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button,
.ct-quantity input::-webkit-outer-spin-button,
.ct-quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.woocommerce-quantity .minus,
.woocommerce-quantity .plus,
.quantity .minus,
.quantity .plus,
.quantity button.minus,
.quantity button.plus,
.ct-quantity button,
.ct-quantity .ct-minus,
.ct-quantity .ct-plus {
	width: 36px !important;
	height: 100% !important;
	background: none !important;
	border: none !important;
	color: #0B1F3A !important;
	-webkit-text-fill-color: #0B1F3A !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
	padding: 0 !important;
	margin: 0 !important;
	z-index: 2 !important;
}

.woocommerce-quantity .minus:hover,
.woocommerce-quantity .plus:hover,
.quantity .minus:hover,
.quantity .plus:hover,
.quantity button.minus:hover,
.quantity button.plus:hover,
.ct-quantity button:hover {
	background-color: var(--background-off-white) !important;
	color: var(--primary-blue) !important;
	-webkit-text-fill-color: var(--primary-blue) !important;
}

/* Add to Cart button override */
.single_add_to_cart_button.button {
	background-color: var(--primary-blue) !important;
	color: var(--white) !important;
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	height: 52px !important;
	padding: 0 24px !important;
	border-radius: 8px !important;
	border: none !important;
	transition: background-color 0.2s ease, transform 0.1s ease !important;
	cursor: pointer !important;
	flex: 1 1 160px;
	min-width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box !important;
}

.single_add_to_cart_button.button:hover {
	background-color: var(--accent-blue) !important;
}

.single_add_to_cart_button.button:active {
	transform: scale(0.98) !important;
}

/* Buy Now Button override */
.buy-now-btn {
	background-color: var(--white) !important;
	color: var(--dark-navy) !important;
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	height: 52px !important;
	padding: 0 24px !important;
	border-radius: 8px !important;
	border: 1.5px solid var(--dark-navy) !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
	flex: 1 1 160px;
	min-width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0 !important;
	box-sizing: border-box !important;
}

.buy-now-btn:hover {
	background-color: var(--dark-navy) !important;
	color: var(--white) !important;
	border-color: var(--dark-navy) !important;
}

.buy-now-btn:active {
	transform: scale(0.98) !important;
}

/* Reset / Choose an option clear link */
.reset_variations {
	font-family: var(--font-body);
	font-size: 12px;
	color: var(--dark-navy) !important;
	background-color: var(--background-off-white);
	border: 1px solid rgba(11, 31, 58, 0.12);
	border-radius: 6px;
	padding: 5px 12px;
	text-decoration: none !important;
	text-transform: none;
	font-weight: 500;
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	transition: all 0.2s ease;
	cursor: pointer;
}

.reset_variations::before {
	content: '✕';
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
}

.reset_variations:hover {
	background-color: rgba(11, 31, 58, 0.06);
	color: var(--primary-blue) !important;
	border-color: var(--primary-blue);
}

.reset_variations:hover::before {
	color: var(--primary-blue);
}

/* Store Benefits List */
.zerothin-product-benefits-list {
	border-top: 1px solid rgba(11, 31, 58, 0.08);
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.zerothin-product-benefits-list .benefit-item {
	display: flex;
	gap: 14px;
	align-items: center;
}

.zerothin-product-benefits-list .benefit-icon {
	color: var(--primary-blue);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--light-blue);
}

.zerothin-product-benefits-list .benefit-text {
	display: flex;
	flex-direction: column;
	font-family: var(--font-body);
}

.zerothin-product-benefits-list .benefit-text strong {
	font-size: 12px;
	color: var(--dark-navy);
	letter-spacing: 0.03em;
}

.zerothin-product-benefits-list .benefit-text span {
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
}

/* Tabs/Details Section */
.zerothin-product-details-tabs-section {
	border-top: 1px solid rgba(11, 31, 58, 0.08);
	padding-top: 50px;
	margin-bottom: 80px;
}

.zerothin-tabs-nav {
	display: flex;
	border-bottom: 1.5px solid rgba(11, 31, 58, 0.08);
	gap: 40px;
	margin-bottom: 30px;
	overflow-x: auto;
}

.zerothin-tab-trigger {
	font-family: var(--font-headings);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #9ca3af;
	background: none;
	border: none;
	padding: 0 0 16px 0;
	cursor: pointer;
	position: relative;
	transition: color 0.2s ease;
	white-space: nowrap;
}

.zerothin-tab-trigger::after {
	content: '';
	position: absolute;
	bottom: -1.5px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--dark-navy);
	transition: width 0.2s ease;
}

.zerothin-tab-trigger:hover {
	color: var(--dark-navy);
}

.zerothin-tab-trigger.active {
	color: var(--dark-navy);
}

.zerothin-tab-trigger.active::after {
	width: 100%;
}

/* Tab Panels */
.zerothin-tab-panel {
	display: none;
}

.zerothin-tab-panel.active {
	display: block;
	animation: fadeIn 0.3s ease;
}

.tab-panel-inner {
	max-width: 800px;
	font-family: var(--font-body);
	line-height: 1.65;
	font-size: 15px;
	color: var(--text-charcoal);
}

.tab-panel-inner.prose h4 {
	font-family: var(--font-headings);
	font-weight: 700;
	color: var(--dark-navy);
	margin-bottom: 8px;
	font-size: 14px;
	letter-spacing: 0.03em;
}

.tab-panel-inner.prose p {
	margin-bottom: 20px;
}

/* Details specs list styling */
.specs-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.specs-list li {
	display: flex;
	border-bottom: 1px solid rgba(11, 31, 58, 0.04);
	padding-bottom: 10px;
	gap: 10px;
}

.specs-list li strong {
	width: 200px;
	font-weight: 600;
	color: var(--dark-navy);
	flex-shrink: 0;
}

.specs-list li span {
	color: var(--text-charcoal);
}

/* Size Guide Modal Overlay */
.zerothin-size-guide-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.zerothin-size-guide-modal-overlay.active {
	opacity: 1;
	pointer-events: all;
}

.modal-backdrop {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(11, 31, 58, 0.4);
	backdrop-filter: blur(4px);
}

.modal-wrapper {
	background-color: var(--white);
	width: 90%;
	max-width: 600px;
	border-radius: 12px;
	box-shadow: 0 20px 40px rgba(11, 31, 58, 0.15);
	overflow: hidden;
	z-index: 2;
	transform: translateY(20px);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.zerothin-size-guide-modal-overlay.active .modal-wrapper {
	transform: translateY(0);
}

.modal-header {
	padding: 20px 30px;
	border-bottom: 1px solid rgba(11, 31, 58, 0.08);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-header h3 {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 18px;
	color: var(--dark-navy);
	margin: 0;
}

.modal-close {
	background: none;
	border: none;
	font-size: 24px;
	color: #9ca3af;
	cursor: pointer;
	transition: color 0.2s ease;
	padding: 0;
	line-height: 1;
}

.modal-close:hover {
	color: var(--dark-navy);
}

.modal-body {
	padding: 30px;
	max-height: calc(80vh - 100px);
	overflow-y: auto;
}

/* Size Chart Tables inside modal */
.zerothin-size-guide-modal-content h4 {
	font-family: var(--font-headings);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--dark-navy);
	margin: 0 0 12px 0;
}

.size-guide-table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--font-body);
	font-size: 13px;
	text-align: left;
	margin-bottom: 10px;
}

.size-guide-table th,
.size-guide-table td {
	padding: 10px 12px;
	border-bottom: 1px solid rgba(11, 31, 58, 0.08);
}

.size-guide-table th {
	font-weight: 600;
	color: var(--dark-navy);
	background-color: var(--background-off-white);
}

.size-guide-table td {
	color: var(--text-charcoal);
}

/* Related Products Header */
.zerothin-related-products-section {
	border-top: 1px solid rgba(11, 31, 58, 0.08);
	padding-top: 60px;
}

.zerothin-related-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 28px;
	color: var(--dark-navy);
	margin: 0 0 35px 0;
	text-align: center;
	letter-spacing: -0.01em;
}

.no-related {
	text-align: center;
	color: #9ca3af;
	font-family: var(--font-body);
	grid-column: 1 / -1;
	padding: 40px 0;
}

/* Fade in animation */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ==========================================================================
   RESPONSIVE DESIGN (SINGLE PRODUCT)
   ========================================================================== */

@media (max-width: 1023px) {
	.zerothin-product-main-section {
		grid-template-columns: 100%;
		gap: 40px;
	}

	.zerothin-product-info-column {
		margin-top: 0;
	}

	.zerothin-product-title {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.zerothin-single-product-wrapper {
		padding: 20px 16px;
	}

	.zerothin-product-main-section {
		margin-bottom: 50px;
	}

	.zerothin-gallery-main-view {
		aspect-ratio: 1 / 1;
	}

	.zerothin-thumbnail-item {
		width: 70px;
		height: 85px;
	}

	.variations_button,
	.cart:not(.variations_form) {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.woocommerce-quantity,
	.variations_form .quantity {
		width: 100%;
		justify-content: center;
	}

	.single_add_to_cart_button.button,
	.buy-now-btn {
		width: 100% !important;
	}

	.zerothin-tabs-nav {
		gap: 20px;
	}

	.zerothin-tab-trigger {
		font-size: 13px;
	}

	.specs-list li {
		flex-direction: column;
		gap: 4px;
	}

	.specs-list li strong {
		width: 100%;
	}

	.zerothin-related-title {
		font-size: 24px;
		margin-bottom: 25px;
	}
}

/* Container */
.zerothin-container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}

.zerothin-cart-page-wrapper {
	padding: 40px 0 80px 0;
	background-color: #FAFAFB;
	min-height: 70vh;
}

/* Notices Area */
.zerothin-cart-notices {
	margin-bottom: 25px;
}

.zerothin-cart-notices .woocommerce-notices-wrapper {
	margin-bottom: 0;
}

.zerothin-cart-notices ul.woocommerce-error,
.zerothin-cart-notices ul.woocommerce-message,
.zerothin-cart-notices ul.woocommerce-info,
.zerothin-cart-notices div.woocommerce-error,
.zerothin-cart-notices div.woocommerce-message,
.zerothin-cart-notices div.woocommerce-info {
	list-style: none !important;
	margin: 0 0 20px 0 !important;
	padding: 14px 20px !important;
	border-radius: 8px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.zerothin-cart-notices ul.woocommerce-error::before,
.zerothin-cart-notices ul.woocommerce-message::before,
.zerothin-cart-notices ul.woocommerce-info::before {
	display: none !important;
}

.zerothin-cart-notices ul.woocommerce-error li,
.zerothin-cart-notices ul.woocommerce-message li,
.zerothin-cart-notices ul.woocommerce-info li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zerothin-cart-notices ul.woocommerce-error,
.zerothin-cart-notices div.woocommerce-error {
	background: #FEF2F2 !important;
	border: 1px solid #FCA5A5 !important;
	border-left: 4px solid #EF4444 !important;
	color: #991B1B !important;
}

.zerothin-cart-notices ul.woocommerce-message,
.zerothin-cart-notices div.woocommerce-message {
	background: #F0F7FF !important;
	border: 1px solid #BAE6FD !important;
	border-left: 4px solid #2496F3 !important;
	color: #0369A1 !important;
}

/* Header & Breadcrumb */
.zerothin-cart-page-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E2E8F0;
}

.zerothin-cart-breadcrumb {
	font-size: 13px;
	color: #64748B;
	margin-bottom: 8px;
	font-family: 'Inter', sans-serif;
}

.zerothin-cart-breadcrumb a {
	color: #64748B;
	text-decoration: none;
	transition: color 0.2s ease;
}

.zerothin-cart-breadcrumb a:hover {
	color: #2496F3;
}

.zerothin-cart-breadcrumb .sep {
	margin: 0 8px;
	color: #CBD5E1;
}

.zerothin-cart-breadcrumb .current {
	color: #0B1F3A;
	font-weight: 500;
}

.zerothin-cart-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0;
	letter-spacing: -0.5px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.zerothin-cart-title .cart-count-badge {
	color: #2496F3;
	font-size: 26px;
	font-weight: 600;
}

.zerothin-continue-shopping-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #0B1F3A;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 6px;
	background: #FFFFFF;
	border: 1px solid #CBD5E1;
	transition: all 0.2s ease;
}

.zerothin-continue-shopping-btn:hover {
	color: #2496F3;
	border-color: #2496F3;
	background: #F8FAFC;
}

/* 2-Column Grid Layout */
.zerothin-cart-layout {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 32px;
	align-items: start;
}

/* Left Column: Cart Items Table */
.zerothin-cart-items-column {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
	overflow: hidden;
}

.zerothin-cart-table-header {
	display: grid;
	grid-template-columns: 2.8fr 1.1fr 1.4fr 1fr;
	padding: 16px 24px;
	background: #F8FAFC;
	border-bottom: 1px solid #E2E8F0;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #64748B;
	text-transform: uppercase;
}

.zerothin-cart-table-header .col-price {
	text-align: left;
	padding-left: 15px;
}

.zerothin-cart-table-header .col-total {
	text-align: right;
}

.zerothin-cart-table-header .col-quantity {
	text-align: center;
}

.zerothin-cart-items-list {
	display: flex;
	flex-direction: column;
}

.zerothin-cart-item-row {
	display: grid;
	grid-template-columns: 2.8fr 1.1fr 1.4fr 1fr;
	align-items: center;
	padding: 24px;
	border-bottom: 1px solid #F1F5F9;
	transition: background 0.2s ease;
}

.zerothin-cart-item-row:last-child {
	border-bottom: none;
}

.zerothin-cart-item-row:hover {
	background: #FAFAFB;
}

/* Product Info Column */
.zerothin-cart-item-row .col-product {
	display: flex;
	align-items: center;
	gap: 20px;
}

.product-thumb-container {
	width: 80px;
	height: 100px;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
	background: #F1F5F9;
	border: 1px solid #E2E8F0;
}

.product-thumb-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product-details {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.product-title {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #0B1F3A;
	margin: 0;
	line-height: 1.4;
}

.product-title a {
	color: #0B1F3A;
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-title a:hover {
	color: #2496F3;
}

/* Variation Metadata */
.product-meta {
	font-size: 13px;
	color: #64748B;
}

.product-meta dl.variation {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	margin: 0;
	padding: 0;
}

.product-meta dt {
	font-weight: 500;
	color: #64748B;
	margin: 0;
	display: inline-block;
}

.product-meta dd {
	margin: 0;
	font-weight: 600;
	color: #0B1F3A;
	display: inline-block;
}

.product-meta p {
	margin: 0;
}

.product-actions-inline {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 6px;
	font-size: 13px;
}

.zerothin-remove-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #94A3B8;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	transition: color 0.2s ease;
}

.zerothin-remove-item:hover {
	color: #EF4444;
}

.action-divider {
	color: #CBD5E1;
}

/* Price & Subtotal Columns */
.zerothin-cart-item-row .col-price {
	text-align: left;
	padding-left: 15px;
	font-size: 15px;
	font-weight: 600;
	color: #0B1F3A;
}

.zerothin-cart-item-row .col-price del {
	color: #94A3B8;
	font-weight: 400;
	font-size: 13px;
	margin-right: 6px;
}

.zerothin-cart-item-row .col-price ins {
	text-decoration: none;
	color: #0B1F3A;
}

.zerothin-cart-item-row .col-total {
	text-align: right;
	font-size: 16px;
	font-weight: 700;
	color: #0B1F3A;
}

/* Quantity Control Box */
.zerothin-cart-item-row .col-quantity {
	display: flex;
	justify-content: center;
}

.zerothin-qty-control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.zerothin-qty-control .quantity {
	display: inline-flex !important;
	align-items: center !important;
	border: 1px solid #CBD5E1 !important;
	border-radius: 6px !important;
	background: #FFFFFF !important;
	overflow: hidden !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zerothin-qty-control .quantity button,
.zerothin-qty-control .quantity .minus,
.zerothin-qty-control .quantity .plus,
.zerothin-qty-control .quantity .ct-decrease,
.zerothin-qty-control .quantity .ct-increase {
	width: 32px !important;
	height: 36px !important;
	background: transparent !important;
	border: none !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #0B1F3A !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	transition: background 0.2s ease, color 0.2s ease !important;
	box-shadow: none !important;
}

.zerothin-qty-control .quantity button:hover,
.zerothin-qty-control .quantity .minus:hover,
.zerothin-qty-control .quantity .plus:hover {
	background: #F1F5F9 !important;
	color: #2496F3 !important;
}

.zerothin-qty-control input.qty,
.zerothin-qty-control input[type="number"] {
	width: 40px !important;
	height: 36px !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #0B1F3A !important;
	padding: 0 !important;
	margin: 0 !important;
	-moz-appearance: textfield;
}

.zerothin-qty-control input.qty::-webkit-outer-spin-button,
.zerothin-qty-control input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


/* Table Footer Actions */
.zerothin-cart-table-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 24px;
	background: #F8FAFC;
	border-top: 1px solid #E2E8F0;
}

.zerothin-clear-cart-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #64748B;
	text-decoration: none;
	padding: 8px 14px;
	border-radius: 6px;
	border: 1px solid #CBD5E1;
	background: #FFFFFF;
	transition: all 0.2s ease;
}

.zerothin-clear-cart-btn:hover {
	color: #EF4444;
	border-color: #FCA5A5;
	background: #FEF2F2;
}

.zerothin-update-cart-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #0B1F3A !important;
	background: #E2E8F0 !important;
	border: none !important;
	padding: 8px 18px !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

.zerothin-update-cart-btn:hover {
	background: #CBD5E1 !important;
	color: #0B1F3A !important;
}

/* Right Column: Order Summary Sidebar */
.zerothin-order-summary-card {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 28px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
	margin-bottom: 24px;
}

.zerothin-order-summary-card .summary-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0 0 20px 0;
	padding-bottom: 14px;
	border-bottom: 1px solid #E2E8F0;
	letter-spacing: -0.3px;
}

.summary-rows {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-bottom: 24px;
}

.summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #475569;
}

.summary-row .label {
	color: #475569;
}

.summary-row .value {
	font-weight: 600;
	color: #0B1F3A;
}

.summary-row .discount-value {
	color: #16A34A;
	font-weight: 600;
}

.summary-row .free-shipping-text {
	color: #16A34A;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.summary-divider {
	height: 1px;
	background: #E2E8F0;
	margin: 6px 0;
}

.summary-row.total-row {
	font-size: 18px;
	font-weight: 700;
	color: #0B1F3A;
}

.summary-row.total-row .total-value {
	font-size: 22px;
	color: #0B1F3A;
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 700;
}

/* Coupon Accordion */
.zerothin-coupon-accordion {
	margin-bottom: 24px;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	overflow: hidden;
}

.coupon-accordion-toggle {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	background: #F8FAFC;
	border: none;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #0B1F3A;
	cursor: pointer;
	transition: background 0.2s ease;
}

.coupon-accordion-toggle:hover {
	background: #F1F5F9;
}

.coupon-accordion-toggle .chevron-icon {
	transition: transform 0.2s ease;
}

.zerothin-coupon-accordion.active .chevron-icon {
	transform: rotate(180deg);
}

.coupon-accordion-content {
	display: none;
	padding: 14px 16px;
	background: #FFFFFF;
	border-top: 1px solid #E2E8F0;
}

.zerothin-coupon-accordion.active .coupon-accordion-content {
	display: block;
}

.coupon-input-group {
	display: flex;
	gap: 8px;
}

.coupon-input-group input.input-text {
	flex: 1;
	height: 38px;
	padding: 0 12px;
	font-size: 13px;
	border: 1px solid #CBD5E1;
	border-radius: 6px;
	background: #FFFFFF;
	color: #0B1F3A;
}

.coupon-input-group input.input-text:focus {
	outline: none;
	border-color: #2496F3;
	box-shadow: 0 0 0 3px rgba(36, 150, 243, 0.1);
}

.coupon-input-group .apply-coupon-btn {
	height: 38px !important;
	padding: 0 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	background: #0B1F3A !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: background 0.2s ease !important;
}

.coupon-input-group .apply-coupon-btn:hover {
	background: #2496F3 !important;
}

/* Proceed to Checkout CTA */
.checkout-button-wrapper {
	margin-top: 20px;
}

.zerothin-checkout-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 16px 24px;
	background: #2496F3;
	color: #FFFFFF;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
	box-shadow: 0 4px 12px rgba(36, 150, 243, 0.25);
}

.zerothin-checkout-btn:hover {
	background: #0B1F3A;
	color: #FFFFFF;
	box-shadow: 0 4px 14px rgba(11, 31, 58, 0.3);
	transform: translateY(-1px);
}

/* Reassurance Box */
.zerothin-reassurance-box {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.reassurance-item {
	display: flex;
	align-items: center;
	gap: 14px;
	color: #0B1F3A;
}

.reassurance-item svg {
	color: #2496F3;
	flex-shrink: 0;
}

.reassurance-text {
	display: flex;
	flex-direction: column;
	font-size: 13px;
	line-height: 1.3;
}

.reassurance-text strong {
	font-size: 13px;
	font-weight: 600;
	color: #0B1F3A;
}

.reassurance-text span {
	color: #64748B;
	font-size: 12px;
}

/* Empty Cart View */
.zerothin-empty-cart-card {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 16px;
	padding: 60px 30px;
	text-align: center;
	max-width: 540px;
	margin: 40px auto 60px auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.empty-cart-icon {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #F0F7FF;
	color: #2496F3;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px auto;
}

.empty-cart-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0 0 10px 0;
}

.empty-cart-subtitle {
	font-size: 15px;
	color: #64748B;
	margin: 0 0 28px 0;
	line-height: 1.5;
}

.zerothin-primary-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	background: #2496F3;
	color: #FFFFFF;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
}

.zerothin-primary-btn:hover {
	background: #0B1F3A;
	color: #FFFFFF;
	transform: translateY(-1px);
}

/* Bottom Benefit Strip */
.zerothin-bottom-benefit-strip {
	background: #FFFFFF;
	border-top: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	padding: 40px 0;
	margin-top: 40px;
}

.zerothin-bottom-benefit-strip .benefit-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.benefit-card {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.benefit-icon {
	width: 46px;
	height: 46px;
	border-radius: 10px;
	background: #F0F7FF;
	color: #2496F3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.benefit-text h4 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0 0 4px 0;
}

.benefit-text p {
	font-size: 13px;
	color: #64748B;
	margin: 0;
	line-height: 1.4;
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
	.zerothin-cart-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.zerothin-bottom-benefit-strip .benefit-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

@media (max-width: 640px) {
	.zerothin-cart-page-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.zerothin-cart-title {
		font-size: 24px;
	}

	.zerothin-cart-table-header {
		display: none;
	}

	.zerothin-cart-item-row {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 16px;
		position: relative;
	}

	.zerothin-cart-item-row .col-product {
		grid-column: 1;
	}

	.zerothin-cart-item-row .col-price,
	.zerothin-cart-item-row .col-quantity,
	.zerothin-cart-item-row .col-total {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		text-align: left;
	}

	.zerothin-cart-item-row .col-price::before {
		content: attr(data-title);
		font-size: 12px;
		font-weight: 700;
		color: #64748B;
		text-transform: uppercase;
	}

	.zerothin-cart-item-row .col-quantity::before {
		content: attr(data-title);
		font-size: 12px;
		font-weight: 700;
		color: #64748B;
		text-transform: uppercase;
	}

	.zerothin-cart-item-row .col-total::before {
		content: attr(data-title);
		font-size: 12px;
		font-weight: 700;
		color: #64748B;
		text-transform: uppercase;
	}
}

/* ==========================================================================
   ZEROTHIN CUSTOM CHECKOUT STYLES
   ========================================================================== */

/* Main Page Layout & Heading */
.zerothin-checkout-page-header {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E2E8F0;
}

.zerothin-checkout-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0;
	text-transform: uppercase;
}

.zerothin-checkout-form {
	background: #F8FAFC;
	padding: 20px 0;
}

/* Old 2-Column Grid Layout Deleted (Consolidated at the end of the file) */


/* Sections Styling */
.zerothin-checkout-section {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.zerothin-section-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #F1F5F9;
	padding-bottom: 12px;
}

.zerothin-section-content {
	font-family: 'Inter', sans-serif;
}

/* Form inputs visual styling */
.zerothin-checkout-form input[type="text"],
.zerothin-checkout-form input[type="email"],
.zerothin-checkout-form input[type="tel"],
.zerothin-checkout-form select,
.zerothin-checkout-form textarea {
	width: 100%;
	height: 46px;
	padding: 10px 14px;
	border: 1px solid #CBD5E1;
	border-radius: 6px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	color: #0B1F3A;
	background-color: #FFFFFF;
	transition: all 0.2s ease;
	outline: none;
	box-shadow: none;
}

.zerothin-checkout-form input:focus,
.zerothin-checkout-form select:focus,
.zerothin-checkout-form textarea:focus {
	border-color: #2496F3 !important;
	box-shadow: 0 0 0 3px rgba(36, 150, 243, 0.1) !important;
}

.zerothin-checkout-form textarea {
	height: auto;
	min-height: 80px;
	resize: vertical;
}

/* Address Grid layout */
.zerothin-address-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.zerothin-address-grid .form-row {
	margin: 0;
	width: 100% !important;
	float: none !important;
}

/* Full-width overrides in address grid */
#billing_country_field,
#shipping_country_field,
#billing_address_1_field,
#shipping_address_1_field,
#billing_address_2_field,
#shipping_address_2_field,
#billing_phone_field,
#shipping_phone_field {
	grid-column: span 2;
}

/* Select2 Customizer styling overrides for Blocksy/WooCommerce country select */
.select2-container--default .select2-selection--single {
	height: 46px !important;
	border: 1px solid #CBD5E1 !important;
	border-radius: 6px !important;
	display: flex;
	align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 46px !important;
	padding-left: 14px !important;
	color: #0B1F3A !important;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px !important;
}

/* Form Row Label Spacing */
.zerothin-checkout-form .form-row label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	margin-bottom: 6px;
}

/* Checkbox rows customization */
.zerothin-newsletter-optin,
.zerothin-same-billing-row,
.zerothin-hidden-shipping-toggle,
.create-account {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}

.zerothin-checkout-form label.checkbox {
	display: flex !important;
	align-items: center;
	gap: 10px;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #0B1F3A !important;
	cursor: pointer;
	margin: 0 !important;
}

.zerothin-checkout-form input[type="checkbox"] {
	width: 18px;
	height: 18px;
	border: 1px solid #CBD5E1;
	border-radius: 4px;
	cursor: pointer;
	margin: 0;
}

/* Shipping Methods Styling */
.zerothin-shipping-methods-container {
	margin-top: 10px;
}

.zerothin-shipping-table {
	width: 100%;
	border: none !important;
	margin: 0 !important;
}

.zerothin-shipping-table tr {
	display: flex;
	flex-direction: column;
	border: none !important;
}

.zerothin-shipping-table td {
	padding: 0 !important;
	border: none !important;
}

#shipping_method {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#shipping_method li {
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 16px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#shipping_method li:has(input:checked) {
	border-color: #2496F3;
	background-color: #EAF6FF;
}

#shipping_method li input[type="radio"] {
	margin: 0;
	width: 18px;
	height: 18px;
	accent-color: #2496F3;
}

#shipping_method li label {
	display: flex;
	justify-content: space-between;
	width: 100%;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #0B1F3A;
	margin: 0;
	cursor: pointer;
}

#shipping_method li label .amount {
	font-weight: 700;
	color: #2496F3;
}

/* Payment Methods Styling */
#payment.woocommerce-checkout-payment {
	background: #FFFFFF;
}

ul.payment_methods {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

ul.payment_methods li.wc_payment_method {
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 16px;
	background: #FFFFFF;
	transition: all 0.2s ease;
	display: block;
}

ul.payment_methods li.wc_payment_method:has(input:checked) {
	border-color: #2496F3;
	background-color: #EAF6FF;
}

ul.payment_methods li.wc_payment_method label {
	display: flex !important;
	align-items: center;
	gap: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #0B1F3A;
	cursor: pointer;
	margin: 0 !important;
}

ul.payment_methods li.wc_payment_method input[type="radio"] {
	margin: 0;
	width: 18px;
	height: 18px;
	accent-color: #2496F3;
}

ul.payment_methods li.wc_payment_method .payment_box {
	margin: 12px 0 0 0 !important;
	padding: 12px 0 0 0 !important;
	border-top: 1px solid #E2E8F0;
	font-size: 13px;
	color: #64748B;
	line-height: 1.5;
	background: transparent !important;
	border-radius: 0;
}

ul.payment_methods li.wc_payment_method .payment_box::before {
	display: none !important;
}

/* Terms and Conditions block styling */
.zerothin-checkout-terms-wrapper {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 14px 16px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
}

.zerothin-checkout-terms-wrapper label.checkbox {
	font-size: 13px !important;
	line-height: 1.4;
	color: #475569 !important;
}

.zerothin-checkout-terms-wrapper label.checkbox a {
	color: #2496F3;
	text-decoration: underline;
}

/* Place Order CTA Styling */
.zerothin-place-order-button-wrapper {
	margin-top: 15px;
}

.zerothin-checkout-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 16px 24px;
	background: #2496F3 !important;
	color: #FFFFFF !important;
	font-family: 'Space Grotesk', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border: none !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 12px rgba(36, 150, 243, 0.25) !important;
}

.zerothin-checkout-btn:hover {
	background: #0B1F3A !important;
	box-shadow: 0 4px 14px rgba(11, 31, 58, 0.3) !important;
	transform: translateY(-1px);
}

/* Order Summary Sidebar Styling */
.zerothin-order-summary-card {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.zerothin-summary-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #F1F5F9;
	padding-bottom: 12px;
}

/* Product list inside Order Summary */
.zerothin-checkout-products {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 20px;
	max-height: 320px;
	overflow-y: auto;
	padding-right: 4px;
}

.zerothin-checkout-product-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-bottom: 16px;
	border-bottom: 1px solid #F1F5F9;
}

.zerothin-checkout-product-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.product-item-image {
	width: 64px;
	height: 64px;
	border-radius: 8px;
	overflow: hidden;
	background: #F8FAFC;
	flex-shrink: 0;
	border: 1px solid #E2E8F0;
}

.product-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-item-details {
	flex: 1;
}

.product-item-name {
	font-size: 14px;
	font-weight: 600;
	color: #0B1F3A;
	margin: 0 0 4px 0;
	line-height: 1.3;
}

.product-item-meta {
	font-size: 12px;
	color: #64748B;
	margin-bottom: 4px;
}

.product-item-meta p {
	margin: 0;
}

.product-item-quantity {
	font-size: 12px;
	font-weight: 600;
	color: #64748B;
}

.product-item-price {
	font-size: 14px;
	font-weight: 700;
	color: #0B1F3A;
	text-align: right;
}

/* Totals list style */
.zerothin-checkout-totals {
	border-top: 1px solid #E2E8F0;
	padding-top: 16px;
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.totals-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #475569;
}

.totals-row .row-value {
	font-weight: 600;
	color: #0B1F3A;
}

.discount-row .row-value {
	color: #10B981;
}

.final-total-row {
	border-top: 1px dashed #E2E8F0;
	padding-top: 14px;
	margin-top: 4px;
}

.final-total-row .row-label {
	font-size: 16px;
	font-weight: 700;
	color: #0B1F3A;
	text-transform: uppercase;
}

.final-total-row .row-value {
	font-size: 22px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 700;
	color: #2496F3;
}

/* Supporting benefits list */
.zerothin-checkout-benefits {
	margin-top: 24px;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.benefit-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.benefit-icon-wrapper {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #EAF6FF;
	color: #2496F3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.benefit-info {
	display: flex;
	flex-direction: column;
}

.benefit-title {
	font-size: 13px;
	font-weight: 700;
	color: #0B1F3A;
	text-transform: uppercase;
}

.benefit-desc {
	font-size: 12px;
	color: #64748B;
}

/* WooCommerce Notices custom styling for checkout */
.woocommerce-NoticeGroup-checkout {
	width: 100%;
	margin-bottom: 24px;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
	background: #FEF2F2 !important;
	border: 1px solid #FCA5A5 !important;
	border-radius: 8px !important;
	color: #991B1B !important;
	padding: 16px 20px 16px 40px !important;
	list-style: disc !important;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	margin: 0 !important;
}

/* Old Responsive Stacks Deleted (Consolidated at the end of the file) */


@media (max-width: 640px) {
	.zerothin-address-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	#billing_country_field,
	#shipping_country_field,
	#billing_address_1_field,
	#shipping_address_1_field,
	#billing_address_2_field,
	#shipping_address_2_field,
	#billing_phone_field,
	#shipping_phone_field {
		grid-column: span 1;
	}
}

/* Disable Blocksy's native grid on the checkout form wrapper to prevent single-column containment */
body.woocommerce-checkout .ct-woocommerce-checkout {
	display: block !important;
}

/* Centering and widening the main page layout containers on checkout */
body.woocommerce-checkout .ct-container,
body.woocommerce-checkout .container,
body.woocommerce-checkout [data-layout="narrow"],
body.woocommerce-checkout .entry-content {
	max-width: 1280px !important;
	width: 100% !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.woocommerce-checkout .entry-content {
	width: 100% !important;
	max-width: 100% !important;
}

/* Neutralize default WooCommerce/Blocksy styles on #customer_details, #order_review and columns */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review {
	width: auto !important;
	max-width: 100% !important;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Main custom wrapper class for 2-column checkout grid */
body.woocommerce-checkout .zerothin-checkout-columns {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	float: none !important;
	clear: both !important;
	display: block !important; /* Stack by default on mobile/tablet */
}

/* Apply 2-column grid layout only on desktop */
@media (min-width: 992px) {
	body.woocommerce-checkout .zerothin-checkout-columns {
		display: grid !important;
		grid-template-columns: 1.8fr 1fr !important; /* ~64% and ~36% split */
		gap: 40px !important;
		align-items: start !important;
	}

	body.woocommerce-checkout #customer_details {
		grid-column: 1 !important;
		width: 100% !important;
		float: none !important;
	}

	body.woocommerce-checkout #order_review {
		display: contents !important;
	}
	
	.zerothin-left-review-col {
		grid-column: 1 !important;
		width: 100% !important;
		float: none !important;
	}
	
	.zerothin-right-review-col {
		grid-column: 2 !important;
		grid-row: 1 / span 10 !important;
		position: sticky !important;
		top: 100px !important;
		width: 100% !important;
		float: none !important;
	}

	body.woocommerce-checkout #payment {
		grid-column: 1 !important;
		width: 100% !important;
		float: none !important;
	}
}

/* Tablets and Mobile Stacking in natural DOM order */
@media (max-width: 991px) {
	body.woocommerce-checkout .zerothin-checkout-columns {
		display: flex !important;
		flex-direction: column !important;
		gap: 30px !important;
	}
	
	body.woocommerce-checkout #customer_details,
	.woocommerce-checkout-review-order,
	.zerothin-left-review-col,
	.zerothin-right-review-col,
	#payment {
		order: initial !important; /* let them flow in natural DOM order */
		width: 100% !important;
		float: none !important;
	}
}

/* ==========================================================================
   ZEROTHIN CUSTOM PAY PAGE (RECEIPT/ORDER-PAY) STYLES
   ========================================================================== */
.zerothin-pay-page-wrapper {
	background: #F8FAFC;
	padding: 60px 0;
	min-height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Inter', sans-serif;
}

.zerothin-pay-card {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 16px;
	padding: 40px;
	width: 100%;
	max-width: 640px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.zerothin-pay-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	text-align: center;
}

.zerothin-pay-subtitle {
	font-size: 14px;
	color: #64748B;
	text-align: center;
	margin: 0 0 30px 0;
	line-height: 1.5;
}

.zerothin-pay-section-title {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #0B1F3A;
	margin: 0 0 16px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #F1F5F9;
	padding-bottom: 8px;
}

/* Order details list in Pay Page */
.zerothin-pay-order-summary {
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 30px;
}

.zerothin-pay-items {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 16px;
}

.zerothin-pay-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #E2E8F0;
}

.zerothin-pay-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.pay-item-thumbnail {
	width: 48px;
	height: 48px;
	border-radius: 6px;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	flex-shrink: 0;
}

.pay-item-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pay-item-info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.pay-item-name {
	font-size: 14px;
	font-weight: 600;
	color: #0B1F3A;
	line-height: 1.3;
}

.pay-item-qty {
	font-size: 12px;
	color: #64748B;
	margin-top: 2px;
}

.pay-item-total {
	font-size: 14px;
	font-weight: 700;
	color: #0B1F3A;
}

/* Totals */
.zerothin-pay-totals {
	border-top: 1px dashed #CBD5E1;
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pay-total-row {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	color: #475569;
}

.pay-total-row .total-value {
	font-weight: 600;
	color: #0B1F3A;
}

.pay-total-row.pay-final-total {
	font-size: 15px;
	border-top: 1px solid #E2E8F0;
	padding-top: 10px;
	margin-top: 4px;
}

.pay-total-row.pay-final-total .total-label {
	font-weight: 700;
	color: #0B1F3A;
	text-transform: uppercase;
}

.pay-total-row.pay-final-total .total-value {
	font-size: 18px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 700;
	color: #2496F3;
}

/* Payment gateway inside Complete Payment Page */
.zerothin-pay-payment-section {
	margin-bottom: 20px;
}

.pay-submit-row {
	margin-top: 20px !important;
}

.zerothin-pay-terms-wrapper {
	margin-bottom: 20px;
	padding: 12px 14px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
}

.zerothin-pay-terms-wrapper label.checkbox {
	font-size: 13px !important;
	color: #475569 !important;
	line-height: 1.4;
	display: flex;
	align-items: center;
	gap: 8px;
}

.zerothin-pay-buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	margin-top: 20px;
}

.zerothin-cancel-btn {
	font-size: 13px;
	font-weight: 600;
	color: #64748B;
	text-decoration: underline;
	transition: color 0.2s ease;
	cursor: pointer;
}

.zerothin-cancel-btn:hover {
	color: #EF4444;
}

/* Responsive Complete Payment card */
@media (max-width: 680px) {
	.zerothin-pay-card {
		padding: 24px;
		border-radius: 12px;
	}

	.zerothin-pay-title {
		font-size: 24px;
	}
}

/* ==========================================================================
   ZEROTHIN WOOCOMMERCE MY ACCOUNT REDESIGN
   ========================================================================== */

/* Main wrapper adjustments */
.woocommerce.ct-woo-account {
	margin-top: 20px;
}

/* Sidebar Navigation */
.ct-acount-nav {
	box-shadow: 0 4px 15px rgba(11, 31, 58, 0.02) !important;
	border: 1px solid rgba(11, 31, 58, 0.06) !important;
	background: var(--white) !important;
	border-radius: 8px !important;
	padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.woocommerce-MyAccount-navigation ul li {
	margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a {
	display: flex !important;
	align-items: center;
	height: 52px !important;
	padding: 0 24px !important;
	font-family: var(--font-body) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--text-charcoal) !important;
	background: transparent !important;
	border-left: 3px solid transparent !important;
	border-bottom: 1px solid rgba(11, 31, 58, 0.04) !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
}

.woocommerce-MyAccount-navigation ul li:last-child a {
	border-bottom: none !important;
}

/* Hover & Active States */
.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--primary-blue) !important;
	background: var(--light-blue) !important;
	border-left-color: var(--primary-blue) !important;
}

.woocommerce-MyAccount-navigation ul li:hover a {
	color: var(--accent-blue) !important;
	background: var(--light-blue) !important;
	border-left-color: rgba(36, 150, 243, 0.5) !important;
}

.woocommerce-MyAccount-navigation ul li a:before {
	color: currentColor !important;
	font-size: 15px !important;
	margin-inline-end: 12px !important;
	transition: color 0.2s ease !important;
}

/* Dashboard Styles */
.zerothin-account-dashboard {
	font-family: var(--font-body);
}

.zerothin-dashboard-welcome {
	margin-bottom: 30px;
}

.zerothin-dashboard-welcome .welcome-title {
	font-family: var(--font-headings);
	font-size: 26px;
	font-weight: 700;
	color: var(--dark-navy);
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

.zerothin-dashboard-welcome .welcome-text {
	font-size: 14px;
	color: var(--text-charcoal);
	line-height: 1.6;
	margin: 0;
	opacity: 0.85;
}

/* Cards Grid */
.zerothin-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
	margin-bottom: 40px;
}

.zerothin-dashboard-card {
	display: flex;
	background: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.06);
	border-radius: 8px;
	padding: 24px;
	text-decoration: none !important;
	align-items: flex-start;
	gap: 16px;
	box-shadow: 0 2px 8px rgba(11, 31, 58, 0.01);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.zerothin-dashboard-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(11, 31, 58, 0.04);
	border-color: rgba(36, 150, 243, 0.2);
}

.zerothin-dashboard-card .card-icon {
	background: var(--light-blue);
	color: var(--primary-blue);
	width: 44px;
	height: 44px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.zerothin-dashboard-card:hover .card-icon {
	background: var(--primary-blue);
	color: var(--white);
}

.zerothin-dashboard-card .card-content {
	flex: 1;
}

.zerothin-dashboard-card .card-title {
	font-family: var(--font-headings);
	font-size: 16px;
	font-weight: 700;
	color: var(--dark-navy);
	margin: 0 0 6px 0;
	text-transform: uppercase;
}

.zerothin-dashboard-card .card-description {
	font-size: 13px;
	color: var(--text-charcoal);
	opacity: 0.8;
	line-height: 1.4;
	margin: 0 0 12px 0;
}

.zerothin-dashboard-card .card-link {
	font-size: 13px;
	font-weight: 700;
	color: var(--primary-blue);
	display: inline-block;
}

/* Recent Orders Section */
.zerothin-dashboard-recent {
	background: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.06);
	border-radius: 8px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(11, 31, 58, 0.01);
}

.zerothin-dashboard-recent .section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(11, 31, 58, 0.04);
	padding-bottom: 12px;
}

.zerothin-dashboard-recent .section-title {
	font-family: var(--font-headings);
	font-size: 16px;
	font-weight: 700;
	color: var(--dark-navy);
	margin: 0;
	text-transform: uppercase;
}

.zerothin-dashboard-recent .view-all-link {
	font-size: 13px;
	font-weight: 700;
	color: var(--primary-blue);
	text-decoration: none;
}

.zerothin-dashboard-recent .view-all-link:hover {
	text-decoration: underline;
}

.recent-orders-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.recent-order-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: var(--background-off-white);
	border: 1px solid rgba(11, 31, 58, 0.04);
	border-radius: 6px;
	gap: 16px;
}

.recent-order-row .order-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.recent-order-row .order-number {
	font-size: 14px;
	font-weight: 700;
	color: var(--dark-navy);
}

.recent-order-row .order-date {
	font-size: 12px;
	color: var(--text-charcoal);
	opacity: 0.7;
}

.recent-order-row .order-details-meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.recent-order-row .order-total-price {
	font-size: 14px;
	font-weight: 700;
	color: var(--dark-navy);
}

.recent-order-row .order-items-count {
	font-size: 12px;
	color: var(--text-charcoal);
	opacity: 0.7;
}

.recent-order-row .view-order-btn {
	padding: 6px 14px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	background: var(--white) !important;
	color: var(--dark-navy) !important;
	border: 1px solid rgba(11, 31, 58, 0.15) !important;
	border-radius: 4px !important;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none !important;
	display: inline-block;
}

.recent-order-row .view-order-btn:hover {
	background: var(--dark-navy) !important;
	color: var(--white) !important;
	border-color: var(--dark-navy) !important;
}

/* Status Badges */
.order-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1;
}

.order-status-badge.status-completed {
	background: #E2FBE9 !important;
	color: #0E6220 !important;
}

.order-status-badge.status-processing {
	background: var(--light-blue) !important;
	color: var(--primary-blue) !important;
}

.order-status-badge.status-pending,
.order-status-badge.status-on-hold {
	background: #FFF7E6 !important;
	color: #D48806 !important;
}

.order-status-badge.status-cancelled,
.order-status-badge.status-failed {
	background: #FFF1F0 !important;
	color: #CF1322 !important;
}

/* Order and Download Pages titles */
.account-page-title {
	font-family: var(--font-headings);
	font-size: 20px;
	font-weight: 700;
	color: var(--dark-navy);
	margin: 0 0 20px 0;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(11, 31, 58, 0.04);
	padding-bottom: 10px;
}

/* Desktop Tables */
.zerothin-orders-desktop-table,
.zerothin-downloads-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid rgba(11, 31, 58, 0.06);
	border-radius: 8px;
	overflow: hidden;
	background: var(--white);
	box-shadow: 0 2px 8px rgba(11, 31, 58, 0.01);
}

.zerothin-orders-desktop-table th,
.zerothin-downloads-table th {
	background: var(--background-off-white);
	border-bottom: 2px solid rgba(11, 31, 58, 0.06);
	padding: 14px 20px;
	text-align: left;
	font-family: var(--font-headings);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--dark-navy);
	letter-spacing: 0.05em;
}

.zerothin-orders-desktop-table td,
.zerothin-downloads-table td {
	padding: 16px 20px;
	border-bottom: 1px solid rgba(11, 31, 58, 0.05);
	font-size: 14px;
	vertical-align: middle;
	color: var(--text-charcoal);
}

.zerothin-orders-desktop-table tr:last-child td,
.zerothin-downloads-table tr:last-child td {
	border-bottom: none;
}

.zerothin-orders-desktop-table .order-number-link,
.zerothin-downloads-table .download-product-link {
	font-weight: 700;
	color: var(--primary-blue);
	text-decoration: none;
}

.zerothin-orders-desktop-table .order-number-link:hover,
.zerothin-downloads-table .download-product-link:hover {
	color: var(--accent-blue);
	text-decoration: underline;
}

.zerothin-orders-desktop-table .order-total-display {
	display: flex;
	flex-direction: column;
}

.zerothin-orders-desktop-table .order-total-price {
	font-weight: 700;
	color: var(--dark-navy);
}

.zerothin-orders-desktop-table .order-total-count {
	font-size: 12px;
	opacity: 0.7;
}

/* Action buttons inside tables */
.zerothin-orders-desktop-table .woocommerce-button.button,
.zerothin-downloads-table .button {
	padding: 8px 16px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	border-radius: 4px !important;
	background: var(--light-blue) !important;
	color: var(--primary-blue) !important;
	border: 1px solid rgba(36, 150, 243, 0.15) !important;
	cursor: pointer;
	text-decoration: none !important;
	display: inline-block;
	text-transform: uppercase;
	margin-inline-end: 8px;
	transition: all 0.2s ease;
}

.zerothin-orders-desktop-table .woocommerce-button.button:hover,
.zerothin-downloads-table .button:hover {
	background: var(--primary-blue) !important;
	color: var(--white) !important;
	border-color: var(--primary-blue) !important;
}

/* Mobile Orders List */
.zerothin-orders-mobile-list {
	display: none;
	flex-direction: column;
	gap: 16px;
}

.mobile-order-card {
	background: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.06);
	border-radius: 8px;
	padding: 16px;
	box-shadow: 0 2px 6px rgba(11, 31, 58, 0.01);
}

.mobile-order-card .card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(11, 31, 58, 0.04);
	padding-bottom: 10px;
	margin-bottom: 12px;
}

.mobile-order-card .order-meta {
	display: flex;
	align-items: center;
	gap: 6px;
}

.mobile-order-card .order-meta .label {
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.6;
}

.mobile-order-card .order-meta .order-number {
	font-size: 14px;
	font-weight: 700;
	color: var(--primary-blue);
	text-decoration: none;
}

.mobile-order-card .card-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 14px;
}

.mobile-order-card .meta-row {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
}

.mobile-order-card .meta-label {
	opacity: 0.6;
}

.mobile-order-card .meta-value {
	font-weight: 500;
	color: var(--dark-navy);
}

.mobile-order-card .meta-value .qty {
	font-size: 11px;
	font-weight: 400;
	opacity: 0.6;
}

.mobile-order-card .card-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	border-top: 1px solid rgba(11, 31, 58, 0.04);
	padding-top: 12px;
}

.mobile-order-card .mobile-action-btn {
	flex: 1;
	text-align: center;
	padding: 10px 14px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	border-radius: 4px !important;
	background: var(--light-blue) !important;
	color: var(--primary-blue) !important;
	border: 1px solid rgba(36, 150, 243, 0.15) !important;
	text-transform: uppercase;
	text-decoration: none !important;
}

.mobile-order-card .mobile-action-btn:hover {
	background: var(--primary-blue) !important;
	color: var(--white) !important;
	border-color: var(--primary-blue) !important;
}

/* Pagination custom wrapper */
.zerothin-orders-pagination {
	margin-top: 24px;
	display: flex;
	gap: 10px;
}

.zerothin-orders-pagination a.button {
	background: var(--white) !important;
	color: var(--dark-navy) !important;
	border: 1px solid rgba(11, 31, 58, 0.15) !important;
	border-radius: 4px !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

.zerothin-orders-pagination a.button:hover {
	background: var(--primary-blue) !important;
	color: var(--white) !important;
	border-color: var(--primary-blue) !important;
}

/* Empty States */
.zerothin-empty-state {
	background: var(--white);
	border: 1px dashed rgba(11, 31, 58, 0.15);
	border-radius: 8px;
	padding: 48px 24px;
	text-align: center;
	max-width: 480px;
	margin: 20px auto;
}

.zerothin-empty-state .empty-icon {
	color: var(--primary-blue);
	margin-bottom: 16px;
	display: inline-flex;
}

.zerothin-empty-state .empty-title {
	font-family: var(--font-headings);
	font-size: 18px;
	font-weight: 700;
	color: var(--dark-navy);
	margin: 0 0 8px 0;
	text-transform: uppercase;
}

.zerothin-empty-state .empty-description {
	font-size: 14px;
	color: var(--text-charcoal);
	opacity: 0.75;
	line-height: 1.5;
	margin: 0 0 24px 0;
}

.zerothin-empty-state .zerothin-empty-cta {
	background: var(--primary-blue) !important;
	color: var(--white) !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	padding: 12px 28px !important;
	border-radius: 6px !important;
	border: none !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: inline-block;
	text-decoration: none !important;
	transition: background-color 0.2s ease;
}

.zerothin-empty-state .zerothin-empty-cta:hover {
	background: var(--accent-blue) !important;
}

/* Address Cards styling */
.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 24px !important;
	margin-top: 20px;
}

.woocommerce-Address {
	background: var(--white) !important;
	border: 1px solid rgba(11, 31, 58, 0.06) !important;
	border-radius: 8px !important;
	padding: 24px !important;
	box-shadow: 0 2px 8px rgba(11, 31, 58, 0.01) !important;
	position: relative;
}

.woocommerce-Address-title {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid rgba(11, 31, 58, 0.04) !important;
	padding-bottom: 10px !important;
}

.woocommerce-Address-title h3 {
	font-family: var(--font-headings) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--dark-navy) !important;
	text-transform: uppercase !important;
	margin: 0 !important;
}

.woocommerce-Address-title .edit {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: var(--primary-blue) !important;
	text-decoration: none !important;
	text-transform: uppercase;
}

.woocommerce-Address-title .edit:hover {
	color: var(--accent-blue) !important;
	text-decoration: underline !important;
}

.woocommerce-Address address {
	font-family: var(--font-body) !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: var(--text-charcoal) !important;
	opacity: 0.85 !important;
	font-style: normal !important;
}

/* Edit account & billing addresses forms styling */
.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm {
	background: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.06);
	border-radius: 8px;
	padding: 30px;
	box-shadow: 0 2px 8px rgba(11, 31, 58, 0.01);
	margin-bottom: 24px;
}

/* Labels and row items */
.woocommerce form .form-row {
	margin-bottom: 20px !important;
}

.woocommerce form .form-row label {
	display: block !important;
	font-family: var(--font-body) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	margin-bottom: 6px !important;
}

.woocommerce form .form-row .woocommerce-Input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
	background: var(--white) !important;
	border: 1px solid #CBD5E1 !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	font-family: var(--font-body) !important;
	width: 100% !important;
	box-shadow: none !important;
	outline: none !important;
	transition: border-color 0.2s ease !important;
	color: var(--text-charcoal) !important;
}

.woocommerce form .form-row .woocommerce-Input:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--primary-blue) !important;
}

/* Form Actions Button */
.woocommerce-address-fields button[name="save_address"],
.woocommerce-EditAccountForm button[name="save_account_details"] {
	background: var(--primary-blue) !important;
	color: var(--white) !important;
	font-family: var(--font-body) !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	padding: 12px 28px !important;
	border-radius: 6px !important;
	border: none !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	display: inline-block;
}

.woocommerce-address-fields button[name="save_address"]:hover,
.woocommerce-EditAccountForm button[name="save_account_details"]:hover {
	background: var(--accent-blue) !important;
}

/* Edit account details form legend styling */
.woocommerce-EditAccountForm fieldset {
	border: none !important;
	padding: 0 !important;
	margin: 24px 0 0 0 !important;
	border-top: 1px solid rgba(11, 31, 58, 0.06) !important;
	padding-top: 20px !important;
}

.woocommerce-EditAccountForm fieldset legend {
	font-family: var(--font-headings) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--dark-navy) !important;
	text-transform: uppercase !important;
	padding: 0 10px 0 0 !important;
}

/* notices colors customization inside account */
.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message {
	border-top-color: var(--primary-blue) !important;
	color: var(--dark-navy) !important;
	background: var(--light-blue) !important;
}

/* Breakpoint rules for responsiveness */
@media (max-width: 689.98px) {
	/* Hide desktop orders table on mobile */
	.zerothin-orders-desktop-table {
		display: none !important;
	}

	/* Show mobile orders cards */
	.zerothin-orders-mobile-list {
		display: flex !important;
	}

	/* Form layouts */
	.woocommerce-address-fields__field-wrapper,
	.woocommerce-EditAccountForm {
		padding: 20px;
	}
}

/* ==========================================================================
   ABOUT US PAGE STYLES
   ========================================================================== */

/* Breadcrumb Navigation */
.zerothin-breadcrumb-nav {
	background-color: var(--white);
	border-bottom: 1px solid rgba(11, 31, 58, 0.05);
	padding: 16px 0;
}

.zerothin-breadcrumb-container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
}

.zerothin-breadcrumb-container a {
	color: rgba(11, 31, 58, 0.6);
	text-decoration: none;
	transition: color 0.2s ease;
}

.zerothin-breadcrumb-container a:hover {
	color: var(--accent-blue);
}

.zerothin-breadcrumb-container .separator {
	color: rgba(11, 31, 58, 0.3);
}

.zerothin-breadcrumb-container .current {
	color: var(--dark-navy);
}

/* About Zerothin Section */
.zerothin-about-hero {
	background-color: var(--white);
}

.zerothin-about-container {
	padding: 80px 40px;
}

.zerothin-about-grid {
	display: flex;
	align-items: center;
	gap: 60px;
}

.zerothin-about-content {
	flex: 1;
}

.zerothin-about-image-wrapper {
	flex: 1;
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.02);
	border: 1px solid rgba(11, 31, 58, 0.03);
}

.zerothin-about-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.zerothin-about-eyebrow {
	font-family: var(--font-headings);
	color: var(--primary-blue);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: inline-block;
}

.zerothin-about-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.15;
	color: var(--dark-navy);
	letter-spacing: -0.02em;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.zerothin-about-lead {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	color: var(--text-charcoal);
	font-weight: 500;
	margin: 0 0 20px 0;
}

.zerothin-about-text {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.65;
	color: var(--text-charcoal);
	margin: 0 0 30px 0;
}

.zerothin-about-ctas {
	display: flex;
	gap: 16px;
}

/* Why Zerothin Section */
.zerothin-why-section {
	background-color: var(--background-off-white);
	border-top: 1px solid rgba(11, 31, 58, 0.03);
	border-bottom: 1px solid rgba(11, 31, 58, 0.05);
}

.zerothin-why-container {
	padding: 80px 40px;
}

.zerothin-why-header {
	text-align: center;
	margin-bottom: 50px;
}

.zerothin-why-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 32px;
	color: var(--dark-navy);
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

.zerothin-why-subtitle {
	font-family: var(--font-body);
	font-size: 15px;
	color: rgba(17, 24, 39, 0.7);
	max-width: 500px;
	margin: 0 auto;
}

.zerothin-why-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.zerothin-why-card {
	background: var(--white);
	border-radius: 12px;
	padding: 36px 28px;
	border: 1px solid rgba(11, 31, 58, 0.03);
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.015);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
}

.zerothin-why-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgba(11, 31, 58, 0.04);
}

.zerothin-why-icon {
	color: var(--primary-blue);
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.zerothin-why-card-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 16px;
	color: var(--dark-navy);
	margin: 0 0 12px 0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.zerothin-why-card-text {
	font-family: var(--font-body);
	font-size: 13px;
	line-height: 1.55;
	color: rgba(17, 24, 39, 0.75);
	margin: 0;
}

/* About Page Responsive Rules */
@media (max-width: 991px) {
	.zerothin-about-grid {
		flex-direction: column-reverse;
		gap: 40px;
	}
	
	.zerothin-about-image-wrapper {
		width: 100%;
		aspect-ratio: 16 / 10;
	}
	
	.zerothin-why-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 575px) {
	.zerothin-about-container,
	.zerothin-why-container {
		padding: 50px 20px;
	}
	
	.zerothin-about-title {
		font-size: 32px;
	}
	
	.zerothin-why-title {
		font-size: 26px;
	}
	
	.zerothin-why-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.zerothin-why-card {
		padding: 24px 20px;
	}
}

/* Contact Us Section */
.zerothin-about-contact-section {
	background-color: var(--white);
	border-top: 1px solid rgba(11, 31, 58, 0.03);
}

.zerothin-about-contact-container {
	padding: 80px 40px;
}

.zerothin-about-contact-header {
	text-align: center;
	margin-bottom: 50px;
}

.zerothin-about-contact-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 32px;
	color: var(--dark-navy);
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

.zerothin-about-contact-subtitle {
	font-family: var(--font-body);
	font-size: 15px;
	color: rgba(17, 24, 39, 0.7);
	max-width: 500px;
	margin: 0 auto;
}

.zerothin-about-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	max-width: 800px;
	margin: 0 auto;
}

.zerothin-about-contact-card {
	background: var(--white);
	border-radius: 12px;
	padding: 40px 30px;
	border: 1px solid rgba(11, 31, 58, 0.06);
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.015);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none !important;
	color: inherit;
}

.zerothin-about-contact-card:hover {
	transform: translateY(-4px);
	border-color: var(--primary-blue);
	box-shadow: 0 10px 30px rgba(11, 31, 58, 0.05);
}

.zerothin-about-contact-icon {
	color: var(--primary-blue);
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--light-blue);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.zerothin-about-contact-card:hover .zerothin-about-contact-icon {
	background-color: var(--primary-blue);
	color: var(--white);
}

.zerothin-about-contact-card-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 16px;
	color: var(--dark-navy);
	margin: 0 0 8px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.zerothin-about-contact-detail {
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 500;
	color: var(--primary-blue);
	transition: color 0.2s ease;
}

.zerothin-about-contact-card:hover .zerothin-about-contact-detail {
	color: var(--accent-blue);
}

/* Responsiveness for Contact Us section */
@media (max-width: 767px) {
	.zerothin-about-contact-grid {
		grid-template-columns: 1fr;
		max-width: 400px;
		gap: 20px;
	}
}

@media (max-width: 575px) {
	.zerothin-about-contact-container {
		padding: 50px 20px;
	}
	
	.zerothin-about-contact-title {
		font-size: 26px;
	}
	
	.zerothin-about-contact-card {
		padding: 30px 20px;
	}
}

/* --- FAQs Page Styles --- */
.zerothin-faqs-section {
	background-color: var(--white);
}

.zerothin-faqs-container {
	padding: 80px 40px;
}

.zerothin-faqs-header {
	text-align: center;
	max-width: 600px;
	margin: 0 auto 60px auto;
}

.zerothin-faqs-eyebrow {
	font-family: var(--font-headings);
	color: var(--primary-blue);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: inline-block;
}

.zerothin-faqs-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.15;
	color: var(--dark-navy);
	letter-spacing: -0.02em;
	margin: 0 0 16px 0;
	text-transform: uppercase;
}

.zerothin-faqs-subtitle {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.6;
	color: rgba(17, 24, 39, 0.7);
	margin: 0;
}

.zerothin-faqs-layout {
	display: flex;
	gap: 60px;
	align-items: flex-start;
}

/* Sidebar Categories Navigation */
.zerothin-faqs-sidebar {
	width: 260px;
	position: sticky;
	top: 120px;
	flex-shrink: 0;
}

.zerothin-faqs-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.zerothin-faq-nav-item {
	display: block;
	padding: 14px 20px;
	color: var(--text-charcoal);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: 8px;
	transition: background-color 0.2s ease, color 0.2s ease;
	background-color: var(--background-off-white);
	border: 1px solid rgba(11, 31, 58, 0.03);
}

.zerothin-faq-nav-item:hover {
	background-color: var(--light-blue);
	color: var(--accent-blue);
}

.zerothin-faq-nav-item.active {
	background-color: var(--primary-blue);
	color: var(--white);
	border-color: var(--primary-blue);
}

/* FAQs Content */
.zerothin-faqs-content {
	flex: 1;
}

.zerothin-faq-category-group {
	margin-bottom: 60px;
	scroll-margin-top: 120px;
}

.zerothin-faq-category-group:last-child {
	margin-bottom: 0;
}

.zerothin-faq-category-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 22px;
	color: var(--dark-navy);
	margin: 0 0 24px 0;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--primary-blue);
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

.zerothin-faq-item {
	background-color: var(--white);
	border: 1px solid rgba(11, 31, 58, 0.08);
	border-radius: 10px;
	margin-bottom: 14px;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.zerothin-faq-item:hover {
	border-color: rgba(36, 150, 243, 0.3);
}

.zerothin-faq-item.active {
	border-color: var(--primary-blue);
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.02);
}

.zerothin-faq-question {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 22px 28px;
	background: none;
	border: none;
	text-align: left;
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 15px;
	color: var(--dark-navy);
	cursor: pointer;
	outline: none;
}

.zerothin-faq-question .icon {
	color: var(--primary-blue);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease;
}

.zerothin-faq-item.active .zerothin-faq-question .icon {
	transform: rotate(45deg);
	color: var(--accent-blue);
}

.zerothin-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.zerothin-faq-answer-inner {
	padding: 0 28px 24px 28px;
}

.zerothin-faq-answer-inner p {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.6;
	color: rgba(17, 24, 39, 0.8);
	margin: 0;
}

/* Responsiveness for FAQs page */
@media (max-width: 991px) {
	.zerothin-faqs-layout {
		flex-direction: column;
		gap: 40px;
	}
	
	.zerothin-faqs-sidebar {
		width: 100%;
		position: sticky;
		top: 80px;
		z-index: 10;
		background-color: var(--white);
		padding: 10px 0;
		border-bottom: 1px solid rgba(11, 31, 58, 0.05);
	}
	
	.zerothin-faqs-nav ul {
		flex-direction: row;
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 5px;
		-webkit-overflow-scrolling: touch;
		gap: 12px;
	}
	
	.zerothin-faqs-nav ul::-webkit-scrollbar {
		display: none;
	}
	
	.zerothin-faq-nav-item {
		padding: 10px 18px;
		font-size: 11px;
	}
	
	.zerothin-faq-category-group {
		scroll-margin-top: 150px;
	}
}

@media (max-width: 575px) {
	.zerothin-faqs-container {
		padding: 50px 20px;
	}
	
	.zerothin-faqs-title {
		font-size: 32px;
	}
	
	.zerothin-faq-question {
		padding: 18px 20px;
		font-size: 14px;
	}
	
	.zerothin-faq-answer-inner {
		padding: 0 20px 18px 20px;
	}
}

/* --- Returns & Exchanges Page Styles --- */
.zerothin-policy-section {
	background-color: var(--white);
}

.zerothin-policy-container {
	padding: 80px 40px;
}

.zerothin-policy-header {
	text-align: center;
	max-width: 600px;
	margin: 0 auto 60px auto;
}

.zerothin-policy-eyebrow {
	font-family: var(--font-headings);
	color: var(--primary-blue);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: inline-block;
}

.zerothin-policy-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 40px;
	line-height: 1.15;
	color: var(--dark-navy);
	letter-spacing: -0.02em;
	margin: 0 0 16px 0;
	text-transform: uppercase;
}

.zerothin-policy-subtitle {
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.6;
	color: rgba(17, 24, 39, 0.7);
	margin: 0;
}

.zerothin-policy-layout {
	max-width: 800px;
	margin: 0 auto;
}

.zerothin-policy-content {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.65;
	color: rgba(17, 24, 39, 0.8);
}

.zerothin-policy-content p {
	margin: 0 0 20px 0;
}

.zerothin-policy-lead {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text-charcoal);
	font-weight: 500;
	margin-bottom: 30px !important;
}

.zerothin-policy-block {
	margin-bottom: 50px;
}

.zerothin-policy-block-title {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 20px;
	color: var(--dark-navy);
	margin: 0 0 16px 0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.zerothin-policy-list {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.zerothin-policy-list li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.zerothin-policy-list .bullet {
	color: var(--primary-blue);
	font-weight: 700;
	flex-shrink: 0;
}

.zerothin-policy-list .text {
	font-size: 14px;
	color: rgba(17, 24, 39, 0.8);
}

.zerothin-policy-alert {
	background-color: var(--light-blue);
	border-left: 4px solid var(--primary-blue);
	padding: 16px 20px;
	border-radius: 8px;
	font-size: 14px;
	color: var(--dark-navy);
	margin-top: 16px;
}

/* Steps list layout */
.zerothin-policy-steps {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 24px;
	position: relative;
	padding-left: 20px;
}

.zerothin-policy-steps::before {
	content: '';
	position: absolute;
	left: 39px;
	top: 10px;
	bottom: 10px;
	width: 2px;
	background-color: rgba(36, 150, 243, 0.15);
}

.zerothin-policy-step-item {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}

.zerothin-policy-step-item .step-number {
	background-color: var(--white);
	border: 2px solid var(--primary-blue);
	color: var(--primary-blue);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 14px;
	flex-shrink: 0;
	box-shadow: 0 4px 10px rgba(11, 31, 58, 0.02);
}

.zerothin-policy-step-item .step-text h3 {
	font-family: var(--font-headings);
	font-weight: 700;
	font-size: 15px;
	color: var(--dark-navy);
	margin: 0 0 4px 0;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.zerothin-policy-step-item .step-text p {
	font-size: 13px;
	color: rgba(17, 24, 39, 0.75);
	margin: 0;
}

/* Help Card styling */
.zerothin-policy-help-card {
	background-color: var(--background-off-white);
	border: 1px solid rgba(11, 31, 58, 0.05);
	border-radius: 12px;
	padding: 36px 30px;
	box-shadow: 0 4px 20px rgba(11, 31, 58, 0.01);
}

.zerothin-policy-help-card .help-links {
	display: flex;
	gap: 30px;
	margin-top: 24px;
	flex-wrap: wrap;
}

.help-link-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 14px;
	color: var(--primary-blue);
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.help-link-item:hover {
	color: var(--accent-blue);
}

.help-link-item svg {
	flex-shrink: 0;
}

/* Responsive adjustments for Returns page */
@media (max-width: 767px) {
	.zerothin-policy-help-card .help-links {
		flex-direction: column;
		gap: 16px;
	}
}

@media (max-width: 575px) {
	.zerothin-policy-container {
		padding: 50px 20px;
	}
	
	.zerothin-policy-title {
		font-size: 32px;
	}
	
	.zerothin-policy-block-title {
		font-size: 18px;
	}
	
	.zerothin-policy-steps {
		padding-left: 0;
	}
	
	.zerothin-policy-steps::before {
		left: 19px;
	}
	
	.zerothin-policy-step-item {
		gap: 16px;
	}
}