/*!
Theme Name: AINews
Theme URI: https://example.com/ainews
Author: AINews
Description: A clean, fast news & magazine theme for AI and technology content. Modern flat design, drag & drop page builder, AI summary and WooCommerce support.
Version: 3.4.5
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ainews
Tags: news, blog, one-column, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ==========================================================
   1. Design tokens (flat – no gradients)
   ========================================================== */
:root {
	--an-accent: #0f6e6a;
	--an-accent-rgb: 15, 110, 106;
	--an-accent-hover: #0b5451;
	--an-accent-soft: rgba(var(--an-accent-rgb), 0.1);
	--an-accent-soft-2: rgba(var(--an-accent-rgb), 0.16);
	--an-accent-border: rgba(var(--an-accent-rgb), 0.32);
	--an-accent-glow: 0 2px 10px rgba(var(--an-accent-rgb), 0.25);
	--an-logo-w-desktop: 180px;
	--an-logo-w-tablet: 150px;
	--an-logo-w-mobile: 130px;
	--an-accent-2: #d97706;          /* highlight: breaking, ranking, live */
	--an-accent-2-rgb: 217, 119, 6;
	--an-accent-2-hover: #b45309;
	--an-accent-2-soft: rgba(var(--an-accent-2-rgb), 0.12);
	--an-accent-2-border: rgba(var(--an-accent-2-rgb), 0.35);
	--an-accent-2-glow: 0 2px 8px rgba(var(--an-accent-2-rgb), 0.25);
	--an-accent-ink: #ffffff;        /* text on accent */
	--an-bg: var(--an-body-light, #f4f6f9);
	--an-surface: #ffffff;
	--an-surface-2: #f1f5f9;
	--an-border: #e2e8f0;
	--an-border-strong: #cbd5e1;
	--an-text: #334155;
	--an-muted: #64748b;
	--an-heading: #0f172a;
	--an-overlay: rgba(15, 23, 42, .78);
	--an-radius: 10px;
	--an-radius-sm: 6px;
	--an-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
	--an-shadow: 0 8px 24px rgba(15, 23, 42, .08);
	--an-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--an-font-body: var(--an-font-system);
	--an-font-heading: var(--an-font-body);
	--an-container: 1240px;
	--an-ease: cubic-bezier(.2, .8, .2, 1);
	color-scheme: light;
}


/* ==========================================================
   2. Base
   ========================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: clip; }
body {
	margin: 0;
	position: relative;
	background: var(--an-bg);
	color: var(--an-text);
	font: 16px/1.65 var(--an-font-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: clip;
}

/* Top Background Pattern */
.an-top-bg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1600px;
	height: 380px;
	background-image: var(--an-top-bg-image, none);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	opacity: var(--an-top-bg-opacity, 0.12);
	pointer-events: none;
	z-index: 0;
}
figure { margin: 0; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .15s; }
a:hover { color: var(--an-accent); }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--an-font-heading);
	color: var(--an-heading);
	line-height: 1.3;
	margin: 0 0 .6em;
	font-weight: 700;
	letter-spacing: -.01em;
}
::selection { background: var(--an-accent); color: var(--an-accent-ink); }
:focus-visible { outline: 2px solid var(--an-accent); outline-offset: 2px; }
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.skip-link:focus {
	clip: auto; width: auto; height: auto; z-index: 1000; top: 8px; left: 8px;
	padding: 10px 16px; background: var(--an-surface); border-radius: var(--an-radius-sm);
}
.an-container { width: min(100% - 32px, var(--an-container)); margin-inline: auto; }

/* ==========================================================
   3. Buttons & badges
   ========================================================== */
.an-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 10px 20px; border: 1px solid var(--an-accent); border-radius: var(--an-radius-sm); cursor: pointer;
	background: var(--an-accent); color: var(--an-accent-ink); font: 600 14px/1.2 var(--an-font-body);
	transition: background .15s, border-color .15s, color .15s;
}
.an-btn:hover { background: var(--an-accent-hover); border-color: var(--an-accent-hover); color: var(--an-accent-ink); }
.an-btn--ghost { background: var(--an-surface); color: var(--an-heading); border-color: var(--an-border-strong); }
.an-btn--ghost:hover { background: var(--an-surface); color: var(--an-accent); border-color: var(--an-accent); }
.an-btn[disabled] { opacity: .6; cursor: progress; }

.an-badge {
	display: inline-block; color: var(--an-accent);
	font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1.4;
}
.an-badge:hover { color: var(--an-accent-hover); }

/* ==========================================================
   4. Header
   ========================================================== */
.an-topbar { background: var(--an-heading); color: #cbd5e1; font-size: 13px; }
.an-topbar a { color: #e2e8f0; }
.an-topbar a:hover { color: #fff; }
.an-topbar .an-container { display: flex; justify-content: space-between; align-items: center; min-height: 38px; gap: 20px; }
.an-ticker { display: flex; gap: 12px; align-items: center; overflow: hidden; min-width: 0; flex: 1; }
.an-ticker__label {
	display: inline-flex; align-items: center; gap: 4px; flex: none; padding: 2px 8px; border-radius: 3px;
	background: var(--an-accent-2); color: #fff; font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: .04em;
}
.an-ticker__label svg { width: 12px; height: 12px; }
.an-ticker__wrap {
	flex: 1; min-width: 0; overflow: hidden; position: relative;
	mask-image: linear-gradient(90deg, #000 94%, transparent 100%);
	-webkit-mask-image: linear-gradient(90deg, #000 94%, transparent 100%);
}
.an-ticker__track {
	display: inline-flex; align-items: center; gap: 36px; white-space: nowrap; flex-shrink: 0; width: max-content;
	animation: an-ticker 35s linear infinite; will-change: transform;
}
.an-ticker__track a { position: relative; flex-shrink: 0; }
.an-ticker__track a + a::before { content: ""; position: absolute; left: -20px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #64748b; }
.an-ticker:hover .an-ticker__track { animation-play-state: paused; }
@keyframes an-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.an-topbar__right { display: inline-flex; align-items: center; gap: 16px; flex: none; margin-left: auto; }
.an-topbar__date { color: #94a3b8; font-size: 12.5px; white-space: nowrap; }

.an-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 500;
	background: var(--an-surface);
	border-bottom: 1px solid var(--an-border);
	box-shadow: var(--an-shadow-sm);
	transition: transform .28s var(--an-ease), box-shadow .2s ease;
}
.an-header.not-sticky {
	position: static !important;
	box-shadow: none;
}
.an-header.is-scrolled {
	box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
}
.admin-bar .an-header {
	top: var(--an-admin-bar-offset, 32px);
}
@media screen and (max-width: 782px) {
	.admin-bar .an-header {
		top: var(--an-admin-bar-offset, 0);
	}
}
.an-header .an-container { display: flex; align-items: center; gap: 28px; min-height: 64px; }
.an-logo { display: flex; align-items: center; gap: 10px; font: 800 26px/1 var(--an-font-heading); color: var(--an-heading); letter-spacing: -.03em; }
.an-logo span { color: var(--an-accent); }
.custom-logo-link { display: inline-flex; align-items: center; line-height: 1; flex-shrink: 0; }
.an-logo img, .custom-logo {
	width: var(--an-logo-w-desktop, 180px);
	max-width: 100%;
	height: auto;
	max-height: 80px;
	object-fit: contain;
	display: block;
	transition: width .2s ease;
}
@media (max-width: 1024px) {
	.an-logo img, .custom-logo {
		width: var(--an-logo-w-tablet, 150px);
	}
}
@media (max-width: 768px) {
	.an-logo img, .custom-logo {
		width: var(--an-logo-w-mobile, 130px);
		max-height: 52px;
	}
}
/* Mobile Drawer hidden by default on desktop */
.an-mobile-drawer { display: none; }

.an-nav { flex: 1; display: flex; align-items: center; }
.an-nav > ul,
.an-nav > div > ul,
.an-nav .menu:not(.sub-menu) { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2px; }
.an-nav > ul > li,
.an-nav > div > ul > li,
.an-nav .menu:not(.sub-menu) > li { position: relative; display: flex; align-items: center; }
.an-nav a {
	display: inline-flex; align-items: center; padding: 21px 12px; font-weight: 600; font-size: 14.5px; color: var(--an-heading);
	text-transform: uppercase; letter-spacing: .02em; transition: color .15s, box-shadow .15s, background .15s; line-height: 1.2;
}
.an-nav a:hover, .an-nav .current-menu-item > a, .an-nav .current-menu-ancestor > a { color: var(--an-accent); }

/* Parent menu items with dropdown arrow */
.an-nav > ul > li.menu-item-has-children > a,
.an-nav > div > ul > li.menu-item-has-children > a,
.an-nav .menu:not(.sub-menu) > li.menu-item-has-children > a,
.an-nav > ul > li.page_item_has_children > a,
.an-nav > div > ul > li.page_item_has_children > a,
.an-nav .menu:not(.sub-menu) > li.page_item_has_children > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.an-nav > ul > li.menu-item-has-children > a::after,
.an-nav > div > ul > li.menu-item-has-children > a::after,
.an-nav .menu:not(.sub-menu) > li.menu-item-has-children > a::after,
.an-nav > ul > li.page_item_has_children > a::after,
.an-nav > div > ul > li.page_item_has_children > a::after,
.an-nav .menu:not(.sub-menu) > li.page_item_has_children > a::after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	margin-top: -3px;
	opacity: 0.65;
	transition: transform 0.2s ease, opacity 0.2s ease;
	flex: none;
}
.an-nav > ul > li.menu-item-has-children:hover > a::after,
.an-nav > div > ul > li.menu-item-has-children:hover > a::after,
.an-nav .menu:not(.sub-menu) > li.menu-item-has-children:hover > a::after,
.an-nav > ul > li.page_item_has_children:hover > a::after,
.an-nav > div > ul > li.page_item_has_children:hover > a::after,
.an-nav .menu:not(.sub-menu) > li.page_item_has_children:hover > a::after {
	transform: rotate(-135deg);
	margin-top: 3px;
	opacity: 1;
}

/* ==========================================================
   Navigation Dropdown Menu (Sub-menu) Redesign
   ========================================================== */
.an-nav .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	max-width: 320px;
	width: max-content;
	padding: 8px 6px;
	margin: 0;
	list-style: none;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 2px;
	z-index: 1000;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	border-top: 2.5px solid var(--an-accent);
	border-radius: 0 0 10px 10px;
	box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.14), 0 3px 10px rgba(0, 0, 0, 0.04);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s;
	pointer-events: none;
}

/* Invisible hover bridge to eliminate gap flickers */
.an-nav .sub-menu::before {
	content: '';
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	height: 14px;
	background: transparent;
}

.an-nav li:hover > .sub-menu,
.an-nav li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* Submenu items */
.an-nav .sub-menu li {
	display: block !important;
	width: 100% !important;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.an-nav .sub-menu a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 9px 14px !important;
	border-radius: 6px !important;
	margin: 0 !important;
	background: transparent !important;
	color: var(--an-heading) !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	border: 0 !important;
	height: auto !important;
	transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
}

.an-nav .sub-menu a:hover,
.an-nav .sub-menu li.current-menu-item > a,
.an-nav .sub-menu li.current_page_item > a,
.an-nav .sub-menu a[aria-current="page"] {
	background: var(--an-surface-2) !important;
	color: var(--an-accent) !important;
	transform: translateX(3px);
}

/* Nested submenus (Level 3+) */
.an-nav .sub-menu .sub-menu {
	top: -6px;
	left: calc(100% + 4px);
	border-radius: 10px;
	border-top: 1px solid var(--an-border);
}

.an-nav .sub-menu .sub-menu::before {
	top: 0;
	left: -14px;
	width: 14px;
	height: 100%;
}

/* Nested sub-menu item has children caret arrow */
.an-nav .sub-menu li.menu-item-has-children > a::after,
.an-nav .sub-menu li.page_item_has_children > a::after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
	margin-left: 10px;
	margin-top: 0;
	opacity: 0.55;
	transition: transform 0.2s ease, opacity 0.2s ease;
	flex: none;
}

.an-nav .sub-menu li.menu-item-has-children:hover > a::after,
.an-nav .sub-menu li.page_item_has_children:hover > a::after {
	transform: rotate(-45deg) translateX(2px);
	opacity: 1;
}

/* Right-aligned dropdown for last items to prevent screen overflow */
.an-nav > ul > li:last-child > .sub-menu,
.an-nav > div > ul > li:last-child > .sub-menu,
.an-nav .menu:not(.sub-menu) > li:last-child > .sub-menu {
	left: auto;
	right: 0;
}
.an-nav > ul > li:last-child .sub-menu .sub-menu,
.an-nav > div > ul > li:last-child .sub-menu .sub-menu,
.an-nav .menu:not(.sub-menu) > li:last-child .sub-menu .sub-menu {
	left: auto;
	right: calc(100% + 4px);
}
.an-nav > ul > li:last-child .sub-menu .sub-menu::before,
.an-nav > div > ul > li:last-child .sub-menu .sub-menu::before,
.an-nav .menu:not(.sub-menu) > li:last-child .sub-menu .sub-menu::before {
	left: auto;
	right: -14px;
}
.an-header__actions { display: flex; gap: 6px; align-items: center; margin-left: auto; }
.an-icon-btn {
	width: 38px; height: 38px; display: grid; place-items: center; cursor: pointer; flex: none;
	border-radius: var(--an-radius-sm); border: 1px solid var(--an-border); background: var(--an-surface);
	color: var(--an-heading); transition: border-color .15s, color .15s, background .15s;
}
.an-icon-btn:hover { border-color: var(--an-accent); color: var(--an-accent); }
.an-icon-btn svg { width: 18px; height: 18px; }
.an-menu-toggle { display: none; }

.an-search-panel {
	position: fixed; inset: 0; z-index: 1000; display: grid; place-items: start center; padding-top: 14vh;
	background: rgba(15, 23, 42, .6);
	opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s;
}
.an-search-panel.is-open { opacity: 1; visibility: visible; }
.an-search-panel .an-searchform { width: min(92vw, 640px); box-shadow: var(--an-shadow); }

/* Search form */
.an-searchform { display: flex; gap: 6px; padding: 5px; background: var(--an-surface); border: 1px solid var(--an-border-strong); border-radius: var(--an-radius-sm); }
.an-searchform:focus-within { border-color: var(--an-accent); }
.an-searchform input[type="search"] {
	flex: 1; min-width: 0; border: 0; background: transparent; color: var(--an-text);
	padding: 9px 12px; font: inherit; outline: none;
}

/* Breadcrumb */
.an-breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; color: var(--an-muted); margin-bottom: 14px; }
.an-crumb-sep { opacity: .6; }

/* ==========================================================
   5. Layout
   ========================================================== */
.an-main { padding: 28px 0 56px; }
.an-layout { display: grid; grid-template-columns: minmax(0, 1fr) 336px; gap: 32px; }
.an-layout--full { grid-template-columns: minmax(0, 1fr); }
.an-layout--left { grid-template-columns: 336px minmax(0, 1fr); }
.an-layout--left .an-sidebar { order: -1; }
.an-section { margin-bottom: 40px; }
.an-section__head {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 16px;
	margin-bottom: 20px; border-bottom: 2px solid var(--an-border);
}
.an-section__title {
	position: relative; margin: 0 0 -2px; padding-bottom: 10px; font-size: 20px; text-transform: uppercase; letter-spacing: .01em;
	border-bottom: 2px solid var(--an-accent);
}
.an-section__title a { color: inherit; }
.an-section__more { padding-bottom: 10px; font-size: 13px; font-weight: 600; color: var(--an-muted); white-space: nowrap; }
.an-section__more:hover { color: var(--an-accent); }
.an-grid { display: grid; gap: 22px; grid-template-columns: repeat(var(--an-cols, 3), minmax(0, 1fr)); }

/* ==========================================================
   6. Cards
   ========================================================== */
.an-card {
	position: relative; display: flex; flex-direction: column; overflow: hidden;
	background: var(--an-surface); border: 1px solid var(--an-border); border-radius: var(--an-radius);
	transition: box-shadow .2s, border-color .2s;
}
.an-card:hover { box-shadow: var(--an-shadow); border-color: var(--an-border-strong); }
.an-card__thumb { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--an-surface-2); }
.an-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--an-ease); }
.an-card:hover .an-card__thumb img { transform: scale(1.04); }
.an-card__thumb .an-badge { position: absolute; top: 10px; left: 10px; padding: 3px 8px; border-radius: 3px; background: var(--an-accent); color: var(--an-accent-ink); }
.an-card__body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.an-card__title { font-size: 17px; line-height: 1.4; margin: 0; }
.an-card__title a:hover { color: var(--an-accent); }
.an-card__excerpt { color: var(--an-muted); font-size: 14px; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.an-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--an-muted); font-size: 12.5px; margin-top: auto; }
.an-meta span { display: inline-flex; align-items: center; gap: 5px; }
.an-meta svg { width: 13px; height: 13px; opacity: .8; }

.an-card--list { flex-direction: row; }
.an-card--list .an-card__thumb { flex: 0 0 38%; aspect-ratio: auto; min-height: 170px; }
.an-card--mini { flex-direction: row; align-items: flex-start; gap: 12px; background: transparent; border: 0; border-radius: 0; overflow: visible; }
.an-card--mini:hover { box-shadow: none; }
.an-card--mini .an-card__thumb { flex: 0 0 96px; aspect-ratio: 4 / 3; border-radius: var(--an-radius-sm); }
.an-card--mini .an-card__body { padding: 0; gap: 4px; }
.an-card--mini .an-card__title { font-size: 14.5px; line-height: 1.45; }
.an-placeholder { width: 100%; height: 100%; min-height: inherit; background: var(--an-surface-2); }

/* Card Variants: Masonry & Minimal */
.an-card--masonry .an-card__thumb { aspect-ratio: auto; min-height: 180px; }
.an-card--masonry .an-card__thumb img { height: auto; object-fit: contain; }

.an-card--minimal {
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	border-radius: var(--an-radius);
	border-left: 3px solid transparent;
	transition: border-left-color .2s, box-shadow .2s, border-color .2s;
}
.an-card--minimal:hover {
	border-left-color: var(--an-accent);
	box-shadow: var(--an-shadow);
	border-color: var(--an-border-strong);
}
.an-card--minimal .an-card__body {
	padding: 18px 20px;
	gap: 10px;
}
.an-card--minimal .an-card__meta-top {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: var(--an-muted);
}
.an-card--minimal .an-card__date {
	font-size: 12px;
	color: var(--an-muted);
}

/* Masonry grid */
.an-grid--masonry {
	display: block;
	column-count: var(--an-cols, 3);
	column-gap: 22px;
}
.an-grid--masonry .an-card {
	break-inside: avoid;
	margin-bottom: 22px;
}
@media (max-width: 900px) {
	.an-grid--masonry { column-count: 2 !important; }
}
@media (max-width: 640px) {
	.an-grid--masonry { column-count: var(--an-cols-mobile, 1) !important; }
}

/* Thumbnail Aspect Ratios */
.an-posts--ratio-1-1 .an-card__thumb { aspect-ratio: 1 / 1 !important; }
.an-posts--ratio-4-3 .an-card__thumb { aspect-ratio: 4 / 3 !important; }
.an-posts--ratio-3-2 .an-card__thumb { aspect-ratio: 3 / 2 !important; }
.an-posts--ratio-21-9 .an-card__thumb { aspect-ratio: 21 / 9 !important; }
.an-posts--ratio-auto .an-card__thumb { aspect-ratio: auto !important; }
.an-posts--ratio-auto .an-card__thumb img { height: auto !important; }

/* Mobile Grid Columns */
@media (max-width: 640px) {
	.an-posts:not(.an-grid--masonry) {
		--an-cols: var(--an-cols-mobile, 1) !important;
		grid-template-columns: repeat(var(--an-cols-mobile, 1), minmax(0, 1fr)) !important;
	}
}

/* Hero */
.an-hero { display: grid; grid-template-columns: 1.65fr 1fr; gap: 16px; margin-bottom: 40px; }
.an-hero__side { display: grid; gap: 16px; }
.an-hero-card { position: relative; overflow: hidden; border-radius: var(--an-radius); min-height: 220px; isolation: isolate; background: var(--an-heading); }
.an-hero-card--main { min-height: 460px; }
.an-hero-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .7s var(--an-ease); }
.an-hero-card:hover img { transform: scale(1.04); }
.an-hero-card__body {
	position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 16px 18px;
	background: var(--an-overlay); border-radius: var(--an-radius-sm); color: #fff;
}
.an-hero-card--main .an-hero-card__body { left: 20px; right: 20px; bottom: 20px; padding: 22px 24px; border-left: 4px solid var(--an-accent); }
.an-hero-card .an-badge { color: var(--an-accent-ink, #fff); background: var(--an-accent); padding: 2px 8px; border-radius: 3px; }
.an-hero-card__title { color: #fff; font-size: 18px; margin: 8px 0 6px; }
.an-hero-card__title a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.an-hero-card--main .an-hero-card__title { font-size: clamp(22px, 2.6vw, 32px); }
.an-hero-card .an-meta { color: rgba(255, 255, 255, .78); }

/* ==========================================================
   7. Single post
   ========================================================== */
.an-entry-header { margin-bottom: 22px; }
.an-entry-title { font-size: clamp(26px, 3.6vw, 40px); line-height: 1.25; margin: 10px 0 14px; }
.an-entry-thumb {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 0 26px 0;
	border-radius: var(--an-radius);
	overflow: hidden;
	background: var(--an-surface-2);
}
.an-entry-thumb img,
.an-entry-thumb .wp-post-image {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	object-fit: cover;
}
.an-entry-thumb figcaption {
	padding: 10px 14px;
	font-size: 13.5px;
	color: var(--an-muted);
	text-align: center;
	font-style: italic;
	background: var(--an-surface);
	border-top: 1px solid var(--an-border);
}
.an-entry { min-width: 0; max-width: 100%; }
/* ==========================================================
   Comprehensive Prose & Rich Content Styles
   Applies to Posts, WooCommerce Product Descriptions,
   Category / Archive Descriptions, and Rich Text Blocks.
   ========================================================== */

/* 1. Base Container Setup */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) {
	color: var(--an-text);
	min-width: 0;
	max-width: 100%;
	overflow-wrap: break-word;
	word-break: normal;
	box-sizing: border-box;
}

.an-entry-content {
	font-size: 17px;
	line-height: 1.75;
}

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-Tabs-panel--description,
.woocommerce-Tabs-panel--additional_information {
	font-size: 16px;
	line-height: 1.7;
}

.woocommerce-product-details__short-description {
	font-size: 15px;
	line-height: 1.65;
	margin-bottom: 20px;
}

.an-archive-desc,
.archive-description,
.term-description,
.taxonomy-description,
.woocommerce-products-header__term-description {
	font-size: 15px;
	line-height: 1.65;
}

/* 2. Block Element Spacing */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) > * {
	margin-block: 0 1.15em;
	max-width: 100%;
	box-sizing: border-box;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) > *:last-child {
	margin-bottom: 0 !important;
}

/* 3. Titles / Headings (h1 - h6) */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--an-font-heading);
	color: var(--an-heading);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.015em;
	text-wrap: balance;
	scroll-margin-top: 90px;
	box-sizing: border-box;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(h1, h2, h3, h4, h5, h6):first-child {
	margin-top: 0 !important;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) h1 {
	font-size: clamp(26px, 3.5vw, 32px);
	margin-top: 1.8em;
	margin-bottom: 0.6em;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) h2 {
	font-size: clamp(21px, 2.6vw, 25px);
	margin-top: 1.6em;
	margin-bottom: 0.6em;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--an-border);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) h3 {
	font-size: clamp(18px, 2.2vw, 21px);
	margin-top: 1.4em;
	margin-bottom: 0.5em;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) h4 {
	font-size: clamp(16px, 1.8vw, 18px);
	margin-top: 1.3em;
	margin-bottom: 0.5em;
	font-weight: 600;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) h5 {
	font-size: 15px;
	margin-top: 1.2em;
	margin-bottom: 0.4em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--an-muted);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) h6 {
	font-size: 14px;
	margin-top: 1.2em;
	margin-bottom: 0.4em;
	font-weight: 600;
	color: var(--an-muted);
}

/* 4. Lists & Bullet Points (ul, ol, li, dl, dt, dd) */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ul:not([class*="an-"]):not([class*="menu"]):not([class*="tabs"]):not(.woocommerce-Tabs-panel) {
	margin: 1.1em 0 1.4em 0;
	padding-left: 1.6em;
	list-style-type: disc;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ul:not([class*="an-"]):not([class*="menu"]):not([class*="tabs"]):not(.woocommerce-Tabs-panel) > li {
	margin-bottom: 0.55em;
	line-height: 1.7;
	color: var(--an-text);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ul:not([class*="an-"]):not([class*="menu"]):not([class*="tabs"]):not(.woocommerce-Tabs-panel) > li::marker {
	color: var(--an-accent);
	font-size: 1.15em;
}

/* Sub-lists */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ul:not([class*="an-"]) ul {
	list-style-type: circle;
	margin: 0.4em 0 0.4em;
	padding-left: 1.4em;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ul:not([class*="an-"]) ul ul {
	list-style-type: square;
}

/* Ordered Lists */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ol:not([class*="an-"]):not([class*="menu"]):not([class*="tabs"]) {
	margin: 1.1em 0 1.4em 0;
	padding-left: 1.7em;
	list-style-type: decimal;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ol:not([class*="an-"]):not([class*="menu"]):not([class*="tabs"]) > li {
	margin-bottom: 0.55em;
	line-height: 1.7;
	color: var(--an-text);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ol:not([class*="an-"]):not([class*="menu"]):not([class*="tabs"]) > li::marker {
	color: var(--an-accent);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ol:not([class*="an-"]) ol {
	list-style-type: lower-alpha;
	margin: 0.4em 0 0.4em;
	padding-left: 1.4em;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ol:not([class*="an-"]) ol ol {
	list-style-type: lower-roman;
}

/* Mixed nested lists */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(ul ol, ol ul) {
	margin: 0.4em 0 0.4em;
	padding-left: 1.4em;
}

/* Definition Lists (dl, dt, dd) */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) dl {
	margin: 1.3em 0;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) dt {
	font-weight: 700;
	color: var(--an-heading);
	margin-top: 0.85em;
	font-size: 1.02em;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) dd {
	margin-left: 1.5em;
	margin-bottom: 0.85em;
	color: var(--an-text);
	line-height: 1.65;
}

/* 5. Tables & Responsive Wrapper */
.an-table-responsive {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.8em 0;
	border-radius: var(--an-radius-sm, 8px);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 1.8em 0;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--an-text);
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	border-radius: var(--an-radius-sm, 8px);
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.an-table-responsive table:not(.anb-table) {
	margin: 0 !important;
	min-width: 480px;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) th {
	background: var(--an-surface-2);
	color: var(--an-heading);
	font-weight: 700;
	font-size: 13.5px;
	text-transform: uppercase;
	letter-spacing: 0.035em;
	padding: 12px 16px;
	border-bottom: 2px solid var(--an-border-strong);
	border-right: 1px solid var(--an-border);
	text-align: left;
	vertical-align: middle;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) td {
	padding: 11px 16px;
	border-bottom: 1px solid var(--an-border);
	border-right: 1px solid var(--an-border);
	color: var(--an-text);
	vertical-align: top;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) tbody th {
	padding: 11px 16px;
	border-bottom: 1px solid var(--an-border);
	border-right: 1px solid var(--an-border);
	background: var(--an-surface-2);
	font-weight: 600;
	color: var(--an-heading);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) tr > :is(th, td):last-child {
	border-right: none;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) tbody tr:last-child > :is(th, td),
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) tfoot tr:last-child > :is(th, td) {
	border-bottom: none;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) tbody tr:nth-child(even) {
	background: rgba(0, 0, 0, 0.015);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) tbody tr:hover {
	background: var(--an-accent-soft, rgba(15, 110, 106, 0.05));
	transition: background 0.15s ease;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) a {
	color: var(--an-accent, #0f6e6a);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) a:hover {
	color: var(--an-accent-2, #d97706);
	text-decoration-color: var(--an-accent-2, #d97706);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) caption {
	caption-side: bottom;
	font-size: 13px;
	color: var(--an-muted);
	font-style: italic;
	margin-top: 8px;
	text-align: center;
	padding: 6px 12px;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) table:not(.anb-table) tfoot {
	background: var(--an-surface-2);
	font-weight: 600;
	color: var(--an-heading);
}

/* 6. Blockquotes & Quotes */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) blockquote {
	position: relative;
	margin: 1.8em 0;
	padding: 18px 24px 18px 26px;
	border-left: 4px solid var(--an-accent);
	background: var(--an-surface-2);
	border-radius: 0 var(--an-radius-sm, 8px) var(--an-radius-sm, 8px) 0;
	color: var(--an-heading);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) blockquote p {
	margin-bottom: 0.6em;
	font-style: italic;
	font-size: 1.04em;
	line-height: 1.7;
	color: var(--an-heading);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) blockquote p:last-child {
	margin-bottom: 0;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) blockquote cite,
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) blockquote footer {
	display: block;
	margin-top: 10px;
	font-size: 0.88em;
	font-style: normal;
	font-weight: 600;
	color: var(--an-muted);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) blockquote cite::before,
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) blockquote footer::before {
	content: "— ";
	color: var(--an-accent);
	font-weight: 700;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) q {
	font-style: italic;
	color: var(--an-heading);
	quotes: "“" "”" "‘" "’";
}

/* 7. Links */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) a:not([class*="an-btn"]):not([class*="button"]):not(.wp-block-button__link) {
	color: var(--an-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1.5px;
	text-decoration-color: var(--an-accent-border, rgba(15, 110, 106, 0.35));
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) a:not([class*="an-btn"]):not([class*="button"]):not(.wp-block-button__link):hover {
	color: var(--an-accent-hover);
	text-decoration-color: var(--an-accent-hover);
}

/* 8. Inline Text Formatting (strong, em, mark, code, kbd, del, ins, etc.) */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(strong, b) {
	font-weight: 700;
	color: var(--an-heading);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(em, i) {
	font-style: italic;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) code:not(pre code) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 0.88em;
	padding: 2px 7px;
	border-radius: 4px;
	background: var(--an-surface-2);
	color: var(--an-accent);
	border: 1px solid var(--an-border);
	word-break: break-word;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) pre {
	background: #0f172a;
	color: #e2e8f0;
	padding: 18px 22px;
	border-radius: var(--an-radius-sm, 8px);
	overflow-x: auto;
	font-size: 14px;
	line-height: 1.65;
	margin: 1.6em 0;
	border: 1px solid #1e293b;
	tab-size: 4;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) pre code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: inherit;
	color: inherit;
	background: transparent;
	padding: 0;
	border: none;
	border-radius: 0;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) kbd {
	display: inline-block;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.82em;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 4px;
	background: var(--an-surface);
	color: var(--an-heading);
	border: 1px solid var(--an-border-strong);
	border-bottom: 2px solid var(--an-border-strong);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
	line-height: 1.2;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) mark {
	background: rgba(217, 119, 6, 0.18);
	color: var(--an-heading);
	padding: 2px 6px;
	border-radius: 3px;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(del, s) {
	text-decoration: line-through;
	color: var(--an-muted);
	opacity: 0.85;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) ins {
	text-decoration: underline;
	background: var(--an-accent-soft);
	color: var(--an-heading);
	padding: 0 3px;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) sub,
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) sup { top: -0.5em; }

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) sub { bottom: -0.25em; }

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) abbr[title] {
	text-decoration: underline dotted;
	text-underline-offset: 3px;
	cursor: help;
	border-bottom: none;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) hr {
	border: 0;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--an-border-strong), transparent);
	margin: 2.2em 0;
}

/* 9. Collapsible Details & Summary */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) details {
	margin: 1.3em 0;
	border: 1px solid var(--an-border);
	border-radius: var(--an-radius-sm, 8px);
	background: var(--an-surface);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) details[open] {
	border-color: var(--an-accent-border, var(--an-border-strong));
	box-shadow: var(--an-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) summary {
	padding: 13px 18px;
	font-weight: 700;
	color: var(--an-heading);
	cursor: pointer;
	user-select: none;
	background: var(--an-surface-2);
	font-size: 15.5px;
	transition: background 0.15s ease, color 0.15s ease;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) summary:hover {
	background: var(--an-surface);
	color: var(--an-accent);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) details[open] > summary {
	border-bottom: 1px solid var(--an-border);
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) details > *:not(summary) {
	padding: 14px 18px;
	margin: 0;
}

/* 10. Address */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) address {
	font-style: normal;
	line-height: 1.7;
	color: var(--an-text);
	margin: 1.2em 0;
	padding: 12px 18px;
	border-left: 3px solid var(--an-border-strong);
	background: var(--an-surface-2);
	border-radius: 0 var(--an-radius-sm, 6px) var(--an-radius-sm, 6px) 0;
}

/* 11. Form Inputs inside Content */
:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="search"], textarea, select) {
	width: 100%;
	max-width: 100%;
	padding: 9px 13px;
	border: 1px solid var(--an-border-strong);
	border-radius: var(--an-radius-sm, 6px);
	background: var(--an-surface);
	color: var(--an-text);
	font-family: inherit;
	font-size: 14.5px;
	line-height: 1.5;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

:is(
	.an-entry-content,
	.entry-content,
	.post-content,
	.woocommerce-Tabs-panel--description,
	.woocommerce-Tabs-panel--additional_information,
	.woocommerce-Tabs-panel,
	#tab-description,
	#tab-additional_information,
	.woocommerce-product-details__short-description,
	.an-archive-desc,
	.archive-description,
	.term-description,
	.taxonomy-description,
	.category-description,
	.woocommerce-products-header__term-description,
	.an-prose,
	.an-rich-text
) :is(input, textarea, select):focus {
	outline: none;
	border-color: var(--an-accent);
	box-shadow: 0 0 0 3px var(--an-accent-soft);
}

/* Figures & Images in Single Post Content - 100% Responsive on Mobile */
.an-entry-content figure,
.an-entry-content .wp-block-image,
.an-entry-content .wp-caption {
	display: block;
	max-width: 100% !important;
	margin: 1.6em auto;
	box-sizing: border-box !important;
	clear: both;
	overflow: hidden;
	border-radius: var(--an-radius-sm);
}
.an-entry-content figure img,
.an-entry-content .wp-block-image img,
.an-entry-content .wp-caption img,
.an-entry-content img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
	margin-inline: auto;
	border-radius: var(--an-radius-sm);
	box-sizing: border-box;
}

/* Captions */
.an-entry-content figcaption,
.an-entry-content .wp-caption-text,
.an-entry-content .wp-element-caption {
	display: block;
	margin-top: 8px;
	padding: 0 4px;
	font-size: 13.5px;
	color: var(--an-muted);
	text-align: center;
	font-style: italic;
	line-height: 1.5;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow-wrap: break-word;
	word-break: break-word;
	white-space: normal;
}

/* Image Alignments */
.an-entry-content .aligncenter,
.an-entry-content figure.aligncenter,
.an-entry-content .wp-block-image.aligncenter {
	display: block;
	clear: both;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}
.an-entry-content .aligncenter img {
	margin-left: auto;
	margin-right: auto;
}
.an-entry-content .alignleft,
.an-entry-content figure.alignleft,
.an-entry-content .wp-block-image.alignleft {
	float: left;
	margin: 0.5em 1.5em 1em 0;
	max-width: min(100%, 420px);
}
.an-entry-content .alignright,
.an-entry-content figure.alignright,
.an-entry-content .wp-block-image.alignright {
	float: right;
	margin: 0.5em 0 1em 1.5em;
	max-width: min(100%, 420px);
}
.an-entry-content .alignnone,
.an-entry-content figure.alignnone,
.an-entry-content .wp-block-image.alignnone {
	margin: 1.5em auto;
	clear: both;
}

/* Mobile Breakpoint for Images & Figures (No overflow, no cut-off) */
@media (max-width: 768px) {
	.an-entry-content figure,
	.an-entry-content .wp-block-image,
	.an-entry-content .wp-block-image.is-resized,
	.an-entry-content .wp-caption,
	.an-entry-content figure[style],
	.an-entry-content .wp-block-image[style],
	.an-entry-content .wp-caption[style] {
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
		box-sizing: border-box !important;
	}
	.an-entry-content img,
	.an-entry-content figure img,
	.an-entry-content .wp-block-image img,
	.an-entry-content .wp-caption img,
	.an-entry-content img[style],
	.an-entry-content figure img[style],
	.an-entry-content .wp-block-image img[style] {
		max-width: 100% !important;
		height: auto !important;
		min-width: 0 !important;
		float: none !important;
		box-sizing: border-box !important;
		object-fit: contain;
	}
	.an-entry-content .alignleft,
	.an-entry-content .alignright,
	.an-entry-content figure.alignleft,
	.an-entry-content figure.alignright,
	.an-entry-content .wp-block-image.alignleft,
	.an-entry-content .wp-block-image.alignright {
		float: none !important;
		margin: 1.2em auto !important;
		max-width: 100% !important;
		width: 100% !important;
		display: block !important;
		text-align: center;
	}
	.an-entry-content figcaption,
	.an-entry-content .wp-caption-text,
	.an-entry-content .wp-element-caption {
		font-size: 13px;
		line-height: 1.45;
		padding: 0 4px;
	}
}

/* Embeds, Videos, Iframes */
.an-entry-content .wp-block-embed,
.an-entry-content iframe,
.an-entry-content video {
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Galleries */
.an-entry-content .wp-block-gallery,
.an-entry-content .gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 0;
	margin: 1.6em 0;
	max-width: 100% !important;
	box-sizing: border-box;
}
.an-entry-content .wp-block-gallery .wp-block-image,
.an-entry-content .gallery-item {
	margin: 0;
	max-width: 100% !important;
	flex: 1 1 calc(50% - 12px);
}
@media (max-width: 600px) {
	.an-entry-content .wp-block-gallery .wp-block-image,
	.an-entry-content .gallery-item {
		flex: 1 1 100% !important;
		width: 100% !important;
	}
}

/* Clearfix */
.an-entry-content::after {
	content: "";
	display: table;
	clear: both;
}

.an-entry-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; align-items: center; padding: 20px 0; border-block: 1px solid var(--an-border); margin: 30px 0; }
.an-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.an-tags a { padding: 4px 12px; border-radius: 999px; background: var(--an-surface-2); border: 1px solid var(--an-border); font-size: 13px; }
.an-tags a:hover { border-color: var(--an-accent); color: var(--an-accent); }

.an-like {
	display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; cursor: pointer;
	border-radius: var(--an-radius-sm); border: 1px solid var(--an-border-strong); background: var(--an-surface);
	color: var(--an-heading); font: 600 14px var(--an-font-body); transition: border-color .15s, color .15s, background .15s;
}
.an-like svg { width: 18px; height: 18px; transition: transform .3s var(--an-ease); }
.an-like:hover { border-color: var(--an-accent-2); color: var(--an-accent-2); }
.an-like.is-liked { color: #fff; border-color: var(--an-accent-2); background: var(--an-accent-2); }
.an-like.is-liked svg { fill: currentColor; animation: an-pop .4s var(--an-ease); }
@keyframes an-pop { 50% { transform: scale(1.3); } }

.an-share { display: flex; gap: 6px; }

.an-toc {
	background: var(--an-surface); border: 1px solid var(--an-border); border-radius: var(--an-radius);
	padding: 16px 20px; margin-bottom: 26px;
}
.an-toc__title { font: 700 15px var(--an-font-heading); color: var(--an-heading); margin: 0 0 8px; display: flex; justify-content: space-between; cursor: pointer; text-transform: uppercase; letter-spacing: .03em; }
.an-toc ol { margin: 0; padding-left: 20px; }
.an-toc li { margin: 4px 0; font-size: 15px; }
.an-toc li::marker { color: var(--an-muted); }
.an-toc .an-toc__sub { padding-left: 16px; list-style: circle; }
.an-toc .an-toc__level-3 { font-size: 14.5px; }
.an-toc .an-toc__level-4 { font-size: 14px; opacity: 0.95; }
.an-toc .an-toc__level-5 { font-size: 13.5px; opacity: 0.9; }
.an-toc .an-toc__level-6 { font-size: 13px; opacity: 0.85; }
.an-toc a.is-active { color: var(--an-accent); font-weight: 600; }
.an-toc.is-collapsed ol { display: none; }

/* ==========================================================================
   Modern Author Box
   ========================================================================== */
.an-author-box {
	position: relative;
	margin-top: 36px;
	margin-bottom: 38px;
	padding: 24px;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	border-radius: var(--an-radius-lg, 16px);
	box-shadow: var(--an-shadow-sm);
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.an-author-box:hover {
	box-shadow: var(--an-shadow-md, var(--an-shadow));
	border-color: var(--an-border-strong, var(--an-border));
}

/* Style variants */
.an-author-box--accent {
	border-left: 4px solid var(--an-accent);
	background: linear-gradient(135deg, var(--an-accent-soft) 0%, var(--an-surface) 40%);
}

.an-author-box--clean {
	background: transparent;
	border: 1px dashed var(--an-border);
	box-shadow: none;
}
.an-author-box--clean:hover {
	box-shadow: none;
}

.an-author-box--centered {
	text-align: center;
}
.an-author-box--centered .an-author-box__inner {
	flex-direction: column;
	align-items: center;
}
.an-author-box--centered .an-author-box__top {
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}
.an-author-box--centered .an-author-box__info {
	justify-content: center;
}
.an-author-box--centered .an-author-box__footer {
	justify-content: center;
}

/* Eyebrow Header */
.an-author-box__header {
	margin-bottom: 16px;
}
.an-author-box__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--an-accent);
	background: var(--an-accent-soft);
	padding: 4px 10px;
	border-radius: 999px;
}
.an-author-box__eyebrow svg {
	width: 12px;
	height: 12px;
}

/* Inner Layout */
.an-author-box__inner {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

/* Avatar Column */
.an-author-box__avatar-col {
	position: relative;
	flex: 0 0 88px;
	width: 88px;
}
.an-author-box__avatar-link {
	display: block;
	position: relative;
	text-decoration: none;
}
.an-author-box__avatar {
	width: 88px;
	height: 88px;
	object-fit: cover;
	display: block;
	background: var(--an-surface-2);
	border: 2px solid var(--an-surface);
	box-shadow: var(--an-shadow-sm);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.an-author-box__avatar-link:hover .an-author-box__avatar {
	transform: scale(1.03);
	box-shadow: var(--an-shadow);
}

/* Avatar Shapes */
.an-author-box--shape-circle .an-author-box__avatar {
	border-radius: 50%;
}
.an-author-box--shape-rounded .an-author-box__avatar {
	border-radius: 18px;
}
.an-author-box--shape-square .an-author-box__avatar {
	border-radius: 8px;
}

/* Verified Badge */
.an-author-box__verified-badge {
	position: absolute;
	right: -2px;
	bottom: 2px;
	width: 22px;
	height: 22px;
	background: #0284c7;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--an-surface);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	cursor: help;
}
.an-author-box__verified-badge svg {
	width: 12px;
	height: 12px;
	stroke-width: 2.8;
}

/* Content Area */
.an-author-box__content {
	flex: 1;
	min-width: 0;
}
.an-author-box__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.an-author-box__info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
}
.an-author-box__title-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.an-author-box__name {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.an-author-box__name a {
	color: var(--an-text);
	text-decoration: none;
	transition: color 0.2s ease;
}
.an-author-box__name a:hover {
	color: var(--an-accent);
}
.an-author-box__name-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #0284c7;
	color: #ffffff;
	flex-shrink: 0;
}
.an-author-box__name-badge svg {
	width: 11px;
	height: 11px;
	stroke-width: 3;
}

.an-author-box__meta-line {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	font-size: 12.5px;
	color: var(--an-muted);
}
.an-author-box__role {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	color: var(--an-muted);
	background: var(--an-surface-2);
	border: 1px solid var(--an-border);
	padding: 2px 8px;
	border-radius: 6px;
}
.an-author-box__company,
.an-author-box__location {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--an-muted);
}
.an-author-box__company a {
	color: var(--an-text-muted);
	text-decoration: none;
	font-weight: 500;
}
.an-author-box__company a:hover {
	color: var(--an-accent);
	text-decoration: underline;
}
.an-author-box__company svg,
.an-author-box__location svg {
	width: 13px;
	height: 13px;
	opacity: 0.75;
}

/* Expertise Pills */
.an-author-box__expertise {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 8px;
}
.an-author-box__expertise-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--an-muted);
}
.an-author-box__expertise-tags {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.an-author-box__expertise-tag {
	font-size: 11.5px;
	font-weight: 500;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--an-surface-2);
	border: 1px solid var(--an-border);
	color: var(--an-text-muted);
}

/* Stat Badge */
.an-author-box__stat-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	color: var(--an-muted);
	background: var(--an-surface-2);
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid var(--an-border);
}
.an-author-box__stat-badge svg {
	width: 13px;
	height: 13px;
	color: var(--an-accent);
}

/* Bio Text */
.an-author-box__bio {
	margin-top: 10px;
	margin-bottom: 14px;
}
.an-author-box__bio p {
	margin: 0;
	color: var(--an-text-secondary, var(--an-muted));
	font-size: 14.5px;
	line-height: 1.65;
}

/* Footer (Socials + Archive Button) */
.an-author-box__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding-top: 14px;
	border-top: 1px dashed var(--an-border);
}

.an-author-box__socials {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.an-author-box__social-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--an-surface-2);
	border: 1px solid var(--an-border);
	color: var(--an-muted);
	text-decoration: none;
	transition: all 0.2s ease;
}
.an-author-box__social-btn svg {
	width: 15px;
	height: 15px;
}
.an-author-box__social-btn:hover {
	transform: translateY(-2px);
}
.an-author-box__social-btn.an-author-social--web:hover {
	background: #0ea5e9;
	border-color: #0ea5e9;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--x:hover {
	background: #111111;
	border-color: #111111;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--fb:hover {
	background: #1877f2;
	border-color: #1877f2;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--in:hover {
	background: #0a66c2;
	border-color: #0a66c2;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--yt:hover {
	background: #ff0000;
	border-color: #ff0000;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--gh:hover {
	background: #24292f;
	border-color: #24292f;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--ig:hover {
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
	border-color: transparent;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--tg:hover {
	background: #229ed9;
	border-color: #229ed9;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--tt:hover {
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--pt:hover {
	background: #e60023;
	border-color: #e60023;
	color: #ffffff;
}
.an-author-box__social-btn.an-author-social--mail:hover {
	background: #ea4335;
	border-color: #ea4335;
	color: #ffffff;
}

/* Archive Button */
.an-author-box__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--an-accent);
	background: var(--an-accent-soft);
	padding: 6px 14px;
	border-radius: 999px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.an-author-box__btn svg {
	width: 13px;
	height: 13px;
	transition: transform 0.2s ease;
}
.an-author-box__btn:hover {
	background: var(--an-accent);
	color: #ffffff;
	transform: translateX(2px);
}
.an-author-box__btn:hover svg {
	transform: translateX(2px);
}

/* Responsive Author Box */
@media (max-width: 640px) {
	.an-author-box {
		padding: 20px 16px;
	}
	.an-author-box__inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 16px;
	}
	.an-author-box__avatar-col {
		margin: 0 auto;
	}
	.an-author-box__top {
		flex-direction: column;
		justify-content: center;
		gap: 8px;
	}
	.an-author-box__info {
		justify-content: center;
	}
	.an-author-box__footer {
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}
	.an-author-box__socials {
		justify-content: center;
	}
	.an-author-box__btn {
		width: 100%;
		justify-content: center;
	}
}


/* WPSummarize-style AI Summary Box */
.an-ai-summary {
	position: relative;
	margin-bottom: 30px;
	padding: 22px 24px;
	border-radius: var(--an-radius, 12px);
	background: var(--an-surface-2);
	border: 1px solid var(--an-border);
	border-left: 4px solid var(--an-accent);
	box-shadow: var(--an-shadow-sm);
}
.an-ai-summary--card {
	background: var(--an-surface);
	border: 1.5px solid var(--an-accent);
	box-shadow: 0 4px 20px var(--an-accent-soft);
}
.an-ai-summary__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}
.an-ai-summary__title-group {
	display: flex;
	align-items: center;
	gap: 10px;
}
.an-ai-summary__icon {
	color: var(--an-accent);
	display: flex;
	align-items: center;
}
.an-ai-summary__icon svg {
	width: 22px;
	height: 22px;
}
.an-ai-summary__badge {
	padding: 3px 8px;
	border-radius: 4px;
	background: var(--an-accent);
	color: var(--an-accent-ink, #fff);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.an-ai-summary__title {
	margin: 0;
	font: 700 16.5px var(--an-font-heading);
	color: var(--an-heading);
}
.an-ai-summary__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
}
.an-ai-summary__copy-btn,
.an-ai-summary__regen-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	border-radius: var(--an-radius-sm, 6px);
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 600;
	color: var(--an-heading);
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s, transform .1s;
}
.an-ai-summary__copy-btn svg,
.an-ai-summary__regen-btn svg {
	width: 14px;
	height: 14px;
}
.an-ai-summary__copy-btn:hover,
.an-ai-summary__regen-btn:hover {
	background: var(--an-accent);
	color: var(--an-accent-ink, #fff) !important;
	border-color: var(--an-accent);
}
.an-ai-summary__copy-btn:active {
	transform: scale(0.96);
}
.an-ai-summary__body {
	font-size: 15px;
	line-height: 1.7;
	color: var(--an-text);
}
.an-ai-summary__text {
	margin: 0;
}
.an-ai-summary__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.an-ai-summary__list li {
	position: relative;
	padding-left: 22px;
	margin: 10px 0;
}
.an-ai-summary__list:not(.an-ai-summary__list--numbered) li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 9px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--an-accent);
}
.an-ai-summary__list--numbered {
	counter-reset: an-sum;
}
.an-ai-summary__list--numbered li {
	padding-left: 30px;
}
.an-ai-summary__list--numbered li::before {
	counter-increment: an-sum;
	content: counter(an-sum);
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--an-accent);
	color: var(--an-accent-ink, #fff);
	font-size: 11px;
	font-weight: 700;
	display: grid;
	place-items: center;
	line-height: 1;
}
.an-ai-summary__footer {
	margin-top: 16px;
	padding-top: 10px;
	border-top: 1px dashed var(--an-border);
	font-size: 12px;
	color: var(--an-muted);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.an-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: var(--an-accent); z-index: 200; }

/* ==========================================================
   8. Archive / pagination / load more
   ========================================================== */
.an-archive-header {
	padding: 24px 26px; margin-bottom: 24px; border-radius: var(--an-radius);
	background: var(--an-surface); border: 1px solid var(--an-border);
}
.an-archive-header h1, .an-archive-header .an-archive-title { margin: 0 0 6px; font-size: clamp(24px, 3vw, 32px); }
.an-archive-header > p { margin: 0; color: var(--an-muted); }
.an-archive-header .an-archive-desc { margin-top: 10px; color: var(--an-text); line-height: 1.68; }
.an-archive-header .an-archive-desc p:not(:last-child) { margin-bottom: 0.85em; }

.an-archive-header__main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}
.an-archive-header__inline-flex {
	display: flex;
	align-items: baseline;
	gap: 14px;
	flex-wrap: wrap;
}

/* Header style: Badge banner */
.an-archive-header--badge_banner {
	background: linear-gradient(135deg, var(--an-surface) 0%, var(--an-surface-2) 100%);
	border: 1px solid var(--an-border);
	border-radius: var(--an-radius);
	padding: 30px 32px;
}
.an-archive-header__badge-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}
.an-archive-tag-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 99px;
	font-size: 11.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	background: var(--an-accent);
	color: var(--an-accent-ink);
}

/* Header style: Minimal inline */
.an-archive-header--minimal_inline {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--an-border);
	border-radius: 0;
	padding: 0 0 16px 0;
	margin-bottom: 24px;
}

/* Archive post count badge */
.an-archive-count-badge {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 600;
	padding: 3px 12px;
	border-radius: 99px;
	background: var(--an-surface-2);
	color: var(--an-muted);
	border: 1px solid var(--an-border);
}

/* Subcategory Filter Chips */
.an-archive-subcats {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 28px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--an-border);
}
.an-subcat-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 99px;
	font-size: 13px;
	font-weight: 500;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	color: var(--an-heading);
	transition: all .2s ease;
	text-decoration: none;
}
.an-subcat-chip:hover {
	border-color: var(--an-accent);
	color: var(--an-accent);
	background: var(--an-surface-2);
	transform: translateY(-1px);
}
.an-subcat-chip.is-active {
	background: var(--an-accent);
	color: var(--an-accent-ink);
	border-color: var(--an-accent);
	font-weight: 600;
}
.an-subcat-count {
	font-size: 12px;
	opacity: .75;
}

/* ==========================================================
   Archive Hero (12 News Hero Layouts)
   ========================================================== */
.an-archive-hero {
	width: 100%;
	margin-bottom: 34px;
	position: relative;
}
.an-archive-hero-layout {
	width: 100%;
	display: grid;
	gap: 14px;
	box-sizing: border-box;
}

/* Base Card Style (Matches Module News Hero .anb-hero-item) */
.anb-hero-item {
	position: relative;
	border-radius: var(--an-radius, 10px);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: #0f172a;
	isolation: isolate;
	transition: box-shadow .25s ease, transform .25s ease;
	box-sizing: border-box;
}
.anb-hero-item__thumb {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
}
.anb-hero-item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}
.anb-hero-item:hover .anb-hero-item__thumb img {
	transform: scale(1.05);
}
.anb-hero-item__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.42) 50%, rgba(15, 23, 42, 0.94) 100%);
	transition: opacity .25s ease;
}
.anb-hero-item:hover .anb-hero-item__overlay {
	opacity: 0.92;
}
.anb-hero-item__content {
	position: relative;
	z-index: 3;
	padding: 20px 22px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.anb-hero-item--compact .anb-hero-item__content {
	padding: 12px 14px;
	gap: 4px;
}
.anb-hero-item__badge {
	display: inline-block;
	padding: 3px 9px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #ffffff !important;
	background: var(--an-accent, #0f6e6a);
	border-radius: var(--an-radius-sm, 5px);
	text-decoration: none;
	line-height: 1.4;
	transition: opacity .15s ease;
}
.anb-hero-item--compact .anb-hero-item__badge {
	font-size: 9.5px;
	padding: 2px 7px;
}
.anb-hero-item__badge:hover { opacity: 0.9; }
.anb-hero-item__title {
	margin: 0;
	font-family: var(--an-font-heading, inherit);
	font-weight: 700;
	line-height: 1.28;
	color: #ffffff;
}
h2.anb-hero-item__title {
	font-size: clamp(19px, 2vw, 27px);
	letter-spacing: -0.015em;
}
h3.anb-hero-item__title {
	font-size: clamp(13.5px, 1.15vw, 16px);
	font-weight: 600;
	line-height: 1.34;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.anb-hero-item--compact h3.anb-hero-item__title {
	font-size: 12.5px;
	line-height: 1.3;
}
.anb-hero-item__title a {
	color: #ffffff !important;
	text-decoration: none;
	transition: color .15s ease;
}
.anb-hero-item__title a:hover {
	color: #cbd5e1 !important;
}
.anb-hero-item__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	font-size: 12px;
	color: #cbd5e1;
	font-weight: 500;
	margin-top: 2px;
}
.anb-hero-item--compact .anb-hero-item__meta {
	font-size: 11px;
	gap: 8px;
}
.anb-hero-item__meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.anb-hero-item__meta svg {
	width: 12px;
	height: 12px;
	fill: currentColor;
	opacity: .85;
}

/* --- 12 Layout Grid Configurations on Desktop (min-width: 1025px) --- */
@media (min-width: 1025px) {
	/* Layout 1: 1 Large + 1 Top + 2 Bottom */
	.an-archive-hero-layout--1 {
		grid-template-columns: 1.2fr 1fr;
		height: 480px;
	}
	.an-archive-hero-layout--1 .an-archive-hero-col--main,
	.an-archive-hero-layout--1 .an-archive-hero-col--main .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--1 .an-archive-hero-col--side {
		display: flex;
		flex-direction: column;
		gap: 14px;
		height: 100%;
	}
	.an-archive-hero-layout--1 .an-archive-hero-side--top {
		height: 226px;
	}
	.an-archive-hero-layout--1 .an-archive-hero-side--top .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--1 .an-archive-hero-side--bottom {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 14px;
		flex: 1;
	}
	.an-archive-hero-layout--1 .an-archive-hero-side--bottom .anb-hero-item {
		height: 100%;
	}

	/* Layout 2: 1 Large + 6 Grid (2x3) */
	.an-archive-hero-layout--2 {
		grid-template-columns: 1.15fr 1fr;
		height: 490px;
	}
	.an-archive-hero-layout--2 .an-archive-hero-col--main,
	.an-archive-hero-layout--2 .an-archive-hero-col--main .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--2 .an-archive-hero-col--grid6 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3, 1fr);
		gap: 10px;
		height: 100%;
	}
	.an-archive-hero-layout--2 .an-archive-hero-col--grid6 .anb-hero-item {
		height: 100%;
		min-height: 0;
	}

	/* Layout 3: 1 Large + 1 Mid Tall + 3 Stacked Right */
	.an-archive-hero-layout--3 {
		grid-template-columns: 1.2fr 0.8fr 0.9fr;
		height: 480px;
	}
	.an-archive-hero-layout--3 .an-archive-hero-col--main,
	.an-archive-hero-layout--3 .an-archive-hero-col--main .anb-hero-item,
	.an-archive-hero-layout--3 .an-archive-hero-col--mid,
	.an-archive-hero-layout--3 .an-archive-hero-col--mid .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--3 .an-archive-hero-col--stack3 {
		display: grid;
		grid-template-rows: repeat(3, 1fr);
		gap: 10px;
		height: 100%;
	}
	.an-archive-hero-layout--3 .an-archive-hero-col--stack3 .anb-hero-item {
		height: 100%;
		min-height: 0;
	}

	/* Layout 4: 1 Large + 2 Columns */
	.an-archive-hero-layout--4 {
		grid-template-columns: 1.3fr 0.85fr 0.85fr;
		height: 460px;
	}
	.an-archive-hero-layout--4 .an-archive-hero-col--main,
	.an-archive-hero-layout--4 .an-archive-hero-col--main .anb-hero-item,
	.an-archive-hero-layout--4 .an-archive-hero-col--mid,
	.an-archive-hero-layout--4 .an-archive-hero-col--mid .anb-hero-item,
	.an-archive-hero-layout--4 .an-archive-hero-col--right,
	.an-archive-hero-layout--4 .an-archive-hero-col--right .anb-hero-item {
		height: 100%;
	}

	/* Layout 5: 1 Large + 2 Stacked Horizontal */
	.an-archive-hero-layout--5 {
		grid-template-columns: 1.25fr 1fr;
		height: 460px;
	}
	.an-archive-hero-layout--5 .an-archive-hero-col--main,
	.an-archive-hero-layout--5 .an-archive-hero-col--main .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--5 .an-archive-hero-col--stack2 {
		display: grid;
		grid-template-rows: 1fr 1fr;
		gap: 14px;
		height: 100%;
	}
	.an-archive-hero-layout--5 .an-archive-hero-col--stack2 .anb-hero-item {
		height: 100%;
		min-height: 0;
	}

	/* Layout 6: 1 Large + 3 Stacked Horizontal */
	.an-archive-hero-layout--6 {
		grid-template-columns: 1.25fr 1fr;
		height: 480px;
	}
	.an-archive-hero-layout--6 .an-archive-hero-col--main,
	.an-archive-hero-layout--6 .an-archive-hero-col--main .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--6 .an-archive-hero-col--stack3 {
		display: grid;
		grid-template-rows: repeat(3, 1fr);
		gap: 10px;
		height: 100%;
	}
	.an-archive-hero-layout--6 .an-archive-hero-col--stack3 .anb-hero-item {
		height: 100%;
		min-height: 0;
	}

	/* Layout 7: 4 Equal Vertical Columns */
	.an-archive-hero-layout--7 {
		grid-template-columns: repeat(4, 1fr);
		height: 440px;
	}
	.an-archive-hero-layout--7 .anb-hero-item {
		height: 100%;
	}

	/* Layout 8: 3 Equal Vertical Columns */
	.an-archive-hero-layout--8 {
		grid-template-columns: repeat(3, 1fr);
		height: 440px;
	}
	.an-archive-hero-layout--8 .anb-hero-item {
		height: 100%;
	}

	/* Layout 9: 2 Equal Columns Split */
	.an-archive-hero-layout--9 {
		grid-template-columns: repeat(2, 1fr);
		height: 440px;
	}
	.an-archive-hero-layout--9 .anb-hero-item {
		height: 100%;
	}

	/* Layout 10: 3x3 Grid Columns (9 items) */
	.an-archive-hero-layout--10 {
		grid-template-columns: repeat(3, 1fr);
		height: 490px;
		gap: 12px;
	}
	.an-archive-hero-layout--10 .an-archive-hero-col--stack3 {
		display: grid;
		grid-template-rows: repeat(3, 1fr);
		gap: 10px;
		height: 100%;
	}
	.an-archive-hero-layout--10 .an-archive-hero-col--stack3 .anb-hero-item {
		height: 100%;
		min-height: 0;
	}

	/* Layout 11: 1 Tall + 2 Middle + 1 Tall */
	.an-archive-hero-layout--11 {
		grid-template-columns: 1fr 1fr 1fr;
		height: 470px;
	}
	.an-archive-hero-layout--11 .an-archive-hero-col--tall,
	.an-archive-hero-layout--11 .an-archive-hero-col--tall .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--11 .an-archive-hero-col--stack2 {
		display: grid;
		grid-template-rows: 1fr 1fr;
		gap: 12px;
		height: 100%;
	}
	.an-archive-hero-layout--11 .an-archive-hero-col--stack2 .anb-hero-item {
		height: 100%;
		min-height: 0;
	}

	/* Layout 12: 1 Tall + 2 Middle + 2 Right */
	.an-archive-hero-layout--12 {
		grid-template-columns: 1fr 1fr 1fr;
		height: 470px;
	}
	.an-archive-hero-layout--12 .an-archive-hero-col--tall,
	.an-archive-hero-layout--12 .an-archive-hero-col--tall .anb-hero-item {
		height: 100%;
	}
	.an-archive-hero-layout--12 .an-archive-hero-col--stack2 {
		display: grid;
		grid-template-rows: 1fr 1fr;
		gap: 12px;
		height: 100%;
	}
	.an-archive-hero-layout--12 .an-archive-hero-col--stack2 .anb-hero-item {
		height: 100%;
		min-height: 0;
	}
}

/* Tablet Responsive (769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
	.an-archive-hero-layout {
		grid-template-columns: 1fr 1fr;
		gap: 12px;
		height: auto;
	}
	.an-archive-hero-layout .anb-hero-item {
		min-height: 240px;
	}
	.an-archive-hero-col--main {
		grid-column: span 2;
	}
	.an-archive-hero-col--main .anb-hero-item {
		min-height: 340px;
	}
	.an-archive-hero-col--side,
	.an-archive-hero-col--grid6,
	.an-archive-hero-col--stack3,
	.an-archive-hero-col--stack2 {
		grid-column: span 2;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.an-archive-hero-side--bottom {
		grid-column: span 2;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.an-archive-hero-layout--7 {
		grid-template-columns: repeat(2, 1fr);
	}
	.an-archive-hero-layout--8 {
		grid-template-columns: repeat(2, 1fr);
	}
	.an-archive-hero-layout--10 {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile Responsive (<= 768px) */
@media (max-width: 768px) {
	.an-archive-hero-layout {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		height: auto !important;
	}
	.an-archive-hero-col--main,
	.an-archive-hero-col--side,
	.an-archive-hero-col--grid6,
	.an-archive-hero-col--stack3,
	.an-archive-hero-col--stack2,
	.an-archive-hero-col--tall,
	.an-archive-hero-col--mid,
	.an-archive-hero-col--right,
	.an-archive-hero-side--top,
	.an-archive-hero-side--bottom {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		width: 100% !important;
		height: auto !important;
	}
	.an-archive-hero-layout .anb-hero-item {
		width: 100% !important;
		min-height: 240px !important;
		height: auto !important;
	}
	.an-archive-hero-col--main .anb-hero-item {
		min-height: 280px !important;
	}
	.anb-hero-item--compact .anb-hero-item__content {
		padding: 14px 16px;
	}
}

.an-loadmore-wrap { text-align: center; margin-top: 28px; }
.an-infinite-wrap { padding-top: 12px; }
.an-infinite-wrap .an-loadmore {
	opacity: .8;
	pointer-events: none;
}
.pagination .nav-links, .an-pagination { display: flex; gap: 6px; justify-content: center; margin-top: 32px; flex-wrap: wrap; }
ul.page-numbers {
	list-style: none; margin: 0; padding: 0; border: 0; background: transparent; min-width: 0; height: auto;
}
:is(a, span).page-numbers {
	min-width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px;
	border-radius: var(--an-radius-sm); background: var(--an-surface); border: 1px solid var(--an-border); font-weight: 600; font-size: 14px;
	box-sizing: border-box; text-decoration: none;
}
.page-numbers.current, a.page-numbers:hover { background: var(--an-accent); color: var(--an-accent-ink); border-color: var(--an-accent); }
.page-numbers svg, .page-numbers .an-icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.page-numbers .an-page-arrow {
	display: inline-flex; align-items: center; justify-content: center;
	border: 0 !important; background: transparent !important; min-width: 0 !important; height: auto !important; padding: 0 !important;
}

/* ==========================================================
   9. Sidebar & widgets
   ========================================================== */
.an-sidebar .widget {
	background: var(--an-surface); border: 1px solid var(--an-border); border-radius: var(--an-radius);
	padding: 18px 20px; margin-bottom: 22px;
}
.an-sidebar__sticky { position: sticky; top: 84px; }
.widget-title {
	font-size: 15px; margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--an-border);
	position: relative; text-transform: uppercase; letter-spacing: .03em;
}
.widget-title::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 44px; height: 2px; background: var(--an-accent); }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { padding: 8px 0; border-bottom: 1px solid var(--an-border); }
.widget ul li:last-child { border-bottom: 0; }
.an-w-list { display: grid; gap: 14px; }
.an-w-list > .an-card--mini + .an-card--mini { padding-top: 14px; border-top: 1px solid var(--an-border); }
.an-w-rank { counter-reset: an-rank; }
.an-w-rank .an-card--mini { counter-increment: an-rank; }
.an-w-rank .an-card--mini::before {
	content: counter(an-rank); flex: 0 0 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
	font: 700 13px var(--an-font-heading); background: var(--an-surface-2); color: var(--an-heading); border: 1px solid var(--an-border);
}
.an-w-rank .an-card--mini:nth-child(-n+3)::before { background: var(--an-accent-2); border-color: var(--an-accent-2); color: var(--an-accent-2-ink, #fff); }
.an-w-comments li { display: flex; gap: 12px; }
.an-w-comments img { border-radius: 50%; }
.an-w-comments p { margin: 2px 0 0; color: var(--an-muted); font-size: 13px; }
.an-video-embed { position: relative; aspect-ratio: 16 / 9; border-radius: var(--an-radius-sm); overflow: hidden; margin-bottom: 14px; background: #000; }
.an-video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ==========================================================
   9.1 Extended Widgets (Shop Sidebar, Post Sidebar & Builder)
   ========================================================== */

/* 1. Products Widget */
.an-w-products { display: flex; flex-direction: column; gap: 14px; }
.an-w-product-item { display: flex; align-items: center; gap: 12px; position: relative; }
.an-w-product-item__thumb-wrap {
	position: relative; flex: 0 0 68px; width: 68px; height: 68px; border-radius: var(--an-radius-sm);
	overflow: hidden; background: var(--an-surface-2); display: block;
}
.an-w-product-item__thumb {
	width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease;
}
.an-w-product-item:hover .an-w-product-item__thumb { transform: scale(1.06); }
.an-w-product-item__thumb--placeholder {
	width: 100%; height: 100%; display: grid; place-items: center; color: var(--an-muted);
}
.an-w-product-item__badge {
	position: absolute; top: 4px; left: 4px; font-size: 10px; font-weight: 700;
	padding: 2px 5px; border-radius: 3px; line-height: 1; text-transform: uppercase;
}
.an-w-product-item__badge--sale { background: #ef4444; color: #fff; }
.an-w-product-item__badge--hot { background: var(--an-accent-2, #e11d48); color: #fff; }

.an-w-product-item__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.an-w-product-item__cat {
	font-size: 11px; font-weight: 600; text-transform: uppercase; color: var(--an-muted);
	letter-spacing: .02em; text-decoration: none;
}
.an-w-product-item__cat:hover { color: var(--an-accent); }
.an-w-product-item__title {
	margin: 0; font-size: 13.5px; line-height: 1.35; font-weight: 600; font-family: var(--an-font-heading);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.an-w-product-item__title a { color: var(--an-heading); text-decoration: none; }
.an-w-product-item__title a:hover { color: var(--an-accent); }
.an-w-product-item__rating .star-rating { font-size: 11px; margin: 2px 0; }
.an-w-product-item__price {
	font-size: 13.5px; font-weight: 700; color: var(--an-accent); display: flex; align-items: baseline; gap: 6px;
}
.an-w-product-item__price del { font-size: 12px; color: var(--an-muted); font-weight: 400; text-decoration: line-through; }
.an-w-product-item__price ins { text-decoration: none; color: inherit; }

/* Products Grid Style */
.an-w-products--grid {
	display: grid; grid-template-columns: repeat(var(--an-w-prod-cols, 2), minmax(0, 1fr)); gap: 14px;
}
.an-w-products--grid .an-w-product-item {
	flex-direction: column; align-items: stretch; text-align: center;
	padding: 12px; border: 1px solid var(--an-border); border-radius: var(--an-radius-sm); background: var(--an-surface);
}
.an-w-products--grid .an-w-product-item__thumb-wrap {
	width: 100%; height: auto; aspect-ratio: 1/1; flex: none;
}
.an-w-products--grid .an-w-product-item__body { align-items: center; margin-top: 8px; }

/* 2. Product Categories Widget */
.an-w-cat-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.an-w-cat-item { border-bottom: 1px solid var(--an-border); }
.an-w-cat-item:last-child { border-bottom: 0; }
.an-w-cat-item__link {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 9px 4px; color: var(--an-heading); text-decoration: none; font-size: 13.5px; font-weight: 500;
	transition: color .15s ease, padding-left .15s ease;
}
.an-w-cat-item__link:hover, .an-w-cat-item.is-current-cat > .an-w-cat-item__link {
	color: var(--an-accent); padding-left: 6px; font-weight: 600;
}
.an-w-cat-item__icon {
	display: inline-flex; align-items: center; color: var(--an-muted); margin-right: 6px; font-size: 14px;
}
.an-w-cat-item__name { flex: 1; min-width: 0; }
.an-w-cat-item__count {
	font-size: 11px; font-weight: 700; color: var(--an-muted); background: var(--an-surface-2);
	padding: 2px 7px; border-radius: 999px; line-height: 1.2;
}
.an-w-cat-item.is-current-cat > .an-w-cat-item__link .an-w-cat-item__count {
	background: var(--an-accent); color: #fff;
}
.an-w-cat-sublist { list-style: none; margin: 0; padding: 0 0 6px 18px; border-left: 2px solid var(--an-border); }
.an-w-cat-subitem { border-bottom: 0; }
.an-w-cat-item__link--sub { font-size: 12.5px; padding: 5px 0; color: var(--an-text); }

/* 3. Author Bio Card Widget */
.an-w-author-card {
	padding: 20px 16px; border-radius: var(--an-radius); text-align: center;
	background: var(--an-surface); border: 1px solid var(--an-border);
}
.an-w-author-card--accent {
	background: rgba(var(--an-accent-rgb, 15, 110, 106), 0.05);
	border-color: rgba(var(--an-accent-rgb, 15, 110, 106), 0.25);
}
.an-w-author-card--flat { border: none; padding: 12px 0; background: transparent; }
.an-w-author-card__avatar-wrap { margin-bottom: 12px; }
.an-w-author-card__avatar {
	width: 76px; height: 76px; border-radius: 50%; object-fit: cover; margin: 0 auto;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); border: 2px solid var(--an-surface);
}
.an-w-author-card__name {
	margin: 0 0 4px; font-size: 15px; font-weight: 700; color: var(--an-heading);
}
.an-w-author-card__role {
	display: inline-block; font-size: 11px; font-weight: 600; text-transform: uppercase;
	letter-spacing: .04em; color: var(--an-accent); background: rgba(var(--an-accent-rgb, 15, 110, 106), 0.1);
	padding: 2px 8px; border-radius: 999px; margin-bottom: 10px;
}
.an-w-author-card__bio {
	font-size: 13px; color: var(--an-text-soft, var(--an-muted)); line-height: 1.5; margin: 0 0 14px;
}
.an-w-author-card__socials {
	display: flex; justify-content: center; gap: 8px; margin-bottom: 14px; flex-wrap: wrap;
}
.an-w-author-social {
	width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;
	background: var(--an-surface-2); color: var(--an-heading); text-decoration: none;
	font-size: 14px; transition: all .15s ease;
}
.an-w-author-social:hover { background: var(--an-accent); color: #fff; transform: translateY(-2px); }
.an-w-author-card__btn {
	width: 100%; justify-content: center; font-size: 13px; padding: 8px 14px;
}

/* 4. Promo Banner Widget */
.an-w-promo-banner {
	padding: 24px 20px; border-radius: var(--an-radius); position: relative; overflow: hidden;
	color: #fff; display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;
}
.an-w-promo-banner--accent { background: var(--an-accent, #0f6e6a); }
.an-w-promo-banner--dark { background: #0f172a; border: 1px solid #1e293b; }
.an-w-promo-banner--gradient {
	background: linear-gradient(135deg, var(--an-accent, #0f6e6a) 0%, #1e1b4b 100%);
}
.an-w-promo-banner--light {
	background: var(--an-surface); color: var(--an-heading); border: 1px solid var(--an-border);
}
.an-w-promo-banner__badge {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 4px;
	padding: 3px 9px; border-radius: 999px; font-size: 10.5px; font-weight: 700;
	letter-spacing: .04em; text-transform: uppercase; background: rgba(255, 255, 255, 0.2); color: #fff;
}
.an-w-promo-banner--light .an-w-promo-banner__badge {
	background: rgba(var(--an-accent-rgb, 15, 110, 106), 0.12); color: var(--an-accent);
}
.an-w-promo-banner__heading {
	margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3; color: inherit;
}
.an-w-promo-banner__desc {
	margin: 0; font-size: 13px; line-height: 1.5; opacity: 0.9;
}
.an-w-coupon-box {
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	padding: 6px 10px; border-radius: var(--an-radius-sm); border: 1.5px dashed rgba(255, 255, 255, 0.45);
	background: rgba(0, 0, 0, 0.15); cursor: pointer; transition: background .15s ease;
}
.an-w-promo-banner--light .an-w-coupon-box {
	background: var(--an-surface-2); border-color: var(--an-border-strong);
}
.an-w-coupon-box:hover { background: rgba(0, 0, 0, 0.25); }
.an-w-coupon-box__code { font-family: monospace; font-size: 14px; font-weight: 700; letter-spacing: .05em; color: inherit; }
.an-w-coupon-box__btn {
	border: 0; background: #fff; color: #0f172a; font-size: 11px; font-weight: 700;
	padding: 4px 8px; border-radius: 4px; cursor: pointer; text-transform: uppercase;
}
.an-w-coupon-box.is-copied .an-w-coupon-box__btn { background: #10b981; color: #fff; }
.an-w-promo-banner__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	padding: 10px 16px; border-radius: var(--an-radius-sm); font-size: 13.5px; font-weight: 600;
	background: #fff; color: #0f172a !important; text-decoration: none !important;
	transition: transform .15s ease, box-shadow .15s ease;
}
.an-w-promo-banner__btn:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); }
.an-w-promo-banner--light .an-w-promo-banner__btn {
	background: var(--an-accent); color: #fff !important;
}

/* 5. Contact & Support Card Widget */
.an-w-contact-card { display: flex; flex-direction: column; gap: 14px; }
.an-w-contact-card__sub { margin: 0; font-size: 13px; color: var(--an-muted); line-height: 1.5; }
.an-w-hotline-box {
	display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: var(--an-radius);
	background: rgba(var(--an-accent-rgb, 15, 110, 106), 0.08); border: 1px solid rgba(var(--an-accent-rgb, 15, 110, 106), 0.2);
}
.an-w-hotline-box__icon {
	width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
	background: var(--an-accent); color: #fff; font-size: 18px; flex-shrink: 0;
}
.an-w-hotline-box__info { display: flex; flex-direction: column; }
.an-w-hotline-box__label { font-size: 11px; font-weight: 600; text-transform: uppercase; color: var(--an-muted); }
.an-w-hotline-box__number { font-size: 18px; font-weight: 800; color: var(--an-accent); text-decoration: none; }
.an-w-contact-card__chat-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.an-w-chat-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	padding: 8px 12px; border-radius: var(--an-radius-sm); font-size: 12.5px; font-weight: 600;
	text-decoration: none !important; color: #fff !important; text-align: center;
}
.an-w-chat-btn--zalo { background: #0068ff; }
.an-w-chat-btn--whatsapp { background: #25d366; }
.an-w-contact-card__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.an-w-contact-card__item {
	display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--an-text);
}
.an-w-contact-card__icon { color: var(--an-accent); font-size: 15px; display: inline-flex; align-items: center; }
.an-w-contact-card__item a { color: inherit; text-decoration: none; }
.an-w-contact-card__item a:hover { color: var(--an-accent); }
.an-w-contact-card__cta { width: 100%; justify-content: center; font-size: 13.5px; padding: 10px 16px; }

/* 6. Social Follow Widget */
.an-w-social-box--grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.an-w-social-box--list { display: flex; flex-direction: column; gap: 8px; }
.an-w-social-box--compact { display: flex; flex-wrap: wrap; gap: 8px; }
.an-w-social-item {
	display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: var(--an-radius-sm);
	color: #fff !important; text-decoration: none !important; transition: transform .15s ease, opacity .15s ease;
}
.an-w-social-item:hover { transform: translateY(-2px); opacity: 0.95; }
.an-w-social-box--compact .an-w-social-item {
	width: 38px; height: 38px; padding: 0; display: grid; place-items: center; border-radius: 50%;
}
.an-w-social-item--facebook { background: #1877f2; }
.an-w-social-item--youtube { background: #ff0000; }
.an-w-social-item--tiktok { background: #000000; }
.an-w-social-item--telegram { background: #229ed9; }
.an-w-social-item--x { background: #0f172a; }
.an-w-social-item--instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.an-w-social-item__icon { font-size: 16px; display: inline-flex; align-items: center; }
.an-w-social-item__meta { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.an-w-social-item__count { font-size: 12px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.an-w-social-item__name { font-size: 10px; opacity: 0.85; text-transform: uppercase; letter-spacing: .03em; }

/* 7. Newsletter Widget */
.an-w-newsletter {
	padding: 22px 18px; border-radius: var(--an-radius); display: flex; flex-direction: column; gap: 12px;
	border: 1px solid var(--an-border); background: var(--an-surface);
}
.an-w-newsletter--accent {
	background: rgba(var(--an-accent-rgb, 15, 110, 106), 0.06);
	border-color: rgba(var(--an-accent-rgb, 15, 110, 106), 0.25);
}
.an-w-newsletter--dark { background: #0f172a; border-color: #1e293b; color: #fff; }
.an-w-newsletter--dark .an-w-newsletter__sub, .an-w-newsletter--dark .an-w-newsletter__note { color: #94a3b8; }
.an-w-newsletter__icon-wrap {
	width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
	background: var(--an-accent); color: #fff; font-size: 20px;
}
.an-w-newsletter__sub { margin: 0; font-size: 13px; color: var(--an-muted); line-height: 1.5; }
.an-w-newsletter__form { display: flex; flex-direction: column; gap: 8px; }
.an-w-newsletter__inputs { display: flex; flex-direction: column; gap: 8px; }
.an-w-newsletter__input {
	width: 100%; padding: 10px 12px; border-radius: var(--an-radius-sm); border: 1px solid var(--an-border-strong);
	background: var(--an-surface); color: inherit; font-size: 13.5px; box-sizing: border-box;
}
.an-w-newsletter--dark .an-w-newsletter__input { background: #1e293b; border-color: #334155; }
.an-w-newsletter__btn { width: 100%; justify-content: center; font-size: 13.5px; padding: 10px 14px; }
.an-w-newsletter__note {
	display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: var(--an-muted);
}

/* ==========================================================
   10. Comments
   ========================================================== */
.comments-area { margin-top: 20px; }
.comment-list { list-style: none; padding: 0; }
.comment-list .children { list-style: none; padding-left: 28px; }
.comment-body { padding: 16px 18px; margin-bottom: 12px; background: var(--an-surface); border: 1px solid var(--an-border); border-radius: var(--an-radius); }
.comment-author img { border-radius: 50%; float: left; margin-right: 12px; }
.comment-meta { font-size: 13px; color: var(--an-muted); margin-bottom: 8px; }
.comment-form input:not([type="submit"]):not([type="checkbox"]), .comment-form textarea {
	width: 100%; padding: 11px 13px; border-radius: var(--an-radius-sm);
	border: 1px solid var(--an-border-strong); background: var(--an-surface); color: var(--an-text); font: inherit;
}
.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--an-accent); box-shadow: 0 0 0 3px var(--an-accent-soft); }
.comment-form input[type="submit"] {
	padding: 11px 22px; border: 0; border-radius: var(--an-radius-sm); background: var(--an-accent);
	color: var(--an-accent-ink); font-weight: 600; cursor: pointer;
	transition: background .15s, transform .1s;
}
.comment-form input[type="submit"]:hover { background: var(--an-accent-hover); color: var(--an-accent-ink); }

/* Universal Form Controls Contrast */
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
select,
textarea {
	background: var(--an-surface);
	color: var(--an-text);
	border: 1px solid var(--an-border-strong);
	border-radius: var(--an-radius-sm);
	font: inherit;
	transition: border-color .15s, box-shadow .15s;
}
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: var(--an-accent);
	box-shadow: 0 0 0 3px var(--an-accent-soft);
	color: var(--an-heading);
}
::placeholder {
	color: var(--an-muted);
	opacity: 0.85;
}

/* ==========================================================
   11. Footer
   ========================================================== */
.an-footer { background: var(--an-footer-bg, #0f172a); padding-top: 48px; color: var(--an-footer-text, #94a3b8); font-size: 15px; }
.an-footer a { color: var(--an-footer-link, #cbd5e1); }
.an-footer a:hover { color: #fff; }
.an-footer h1, .an-footer h2, .an-footer h3, .an-footer h4, .an-footer .widget-title { color: var(--an-footer-heading, #f8fafc); }
.an-footer .an-logo { color: var(--an-footer-heading, #fff); }
.an-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 34px; padding-bottom: 38px; }
.an-footer .widget-title { border-bottom-color: rgba(255, 255, 255, .1); }
.an-footer .widget ul li { border-bottom-color: rgba(255, 255, 255, .08); }
.an-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .1); padding: 16px 0; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13.5px; }
.an-footer__menu ul { list-style: none; display: flex; flex-wrap: wrap; gap: 18px; margin: 0; padding: 0; }
.an-back-top {
	position: fixed; right: 20px; bottom: 20px; z-index: 40; opacity: 0; visibility: hidden;
	background: var(--an-accent); border-color: var(--an-accent); color: var(--an-accent-ink);
	transform: translateY(10px); transition: opacity .25s, transform .25s, visibility .25s;
}
.an-back-top:hover { background: var(--an-accent-hover); color: var(--an-accent-ink); border-color: var(--an-accent-hover); }
.an-back-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.an-has-chat .an-back-top { bottom: 92px; }

/* 404 */
.an-404 { text-align: center; padding: 60px 0; }
.an-404 h1 { font-size: clamp(90px, 18vw, 170px); line-height: 1; margin: 0 0 10px; color: var(--an-accent); letter-spacing: -.05em; }
.an-404 .an-searchform { max-width: 520px; margin: 24px auto; }

/* WordPress core */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { margin-inline: auto; }
.wp-caption-text, figcaption { color: var(--an-muted); font-size: 14px; text-align: center; }
.sticky .an-card { border-color: var(--an-accent); }
.bypostauthor > .comment-body { border-color: color-mix(in srgb, var(--an-accent) 45%, transparent); }

/* Header & Topbar extras */
.an-header.not-sticky { position: static; }
.an-header__btn {
	padding: 8px 18px;
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	border-radius: var(--an-radius-sm);
	white-space: nowrap;
}
.an-topbar__socials {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}
.an-topbar__social-link {
	display: inline-flex;
	align-items: center;
	color: #94a3b8;
	transition: color .15s;
}
.an-topbar__social-link:hover { color: #fff; }
.an-topbar__social-link svg { width: 14px; height: 14px; }

/* Entry Header Top (Breadcrumbs & Zoom) */
.an-entry-header__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}
.an-zoom-controls {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--an-surface-2);
	padding: 2px 4px;
	border-radius: var(--an-radius-sm);
	border: 1px solid var(--an-border);
}
.an-zoom-btn {
	border: 0;
	background: transparent;
	color: var(--an-heading);
	padding: 2px 8px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	border-radius: 3px;
	line-height: 1.4;
	transition: background .15s, color .15s;
}
.an-zoom-btn:hover { background: var(--an-accent); color: var(--an-accent-ink, #fff); }

/* Cookie Notice & Privacy Consent Card */
.an-cookie-notice {
	position: fixed;
	bottom: 24px;
	left: 24px;
	max-width: 520px;
	width: calc(100% - 48px);
	background: var(--an-surface, #ffffff);
	color: var(--an-text, #1f2937);
	border: 1px solid var(--an-border, rgba(0, 0, 0, 0.1));
	border-radius: 16px;
	box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.06);
	padding: 24px;
	z-index: 99999;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	transition: opacity 0.26s cubic-bezier(0.16, 1, 0.3, 1), transform 0.26s cubic-bezier(0.16, 1, 0.3, 1);
	animation: anCookieSlideUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes anCookieSlideUp {
	from {
		opacity: 0;
		transform: translateY(20px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
.an-cookie-notice.is-closing {
	opacity: 0;
	transform: translateY(16px) scale(0.97);
}
.an-cookie-notice[hidden] {
	display: none !important;
}

.an-cookie-notice__card {
	width: 100%;
}

.an-cookie-notice__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.an-cookie-notice__badge {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: var(--an-accent-soft, rgba(124, 58, 237, 0.1));
	color: var(--an-accent, #7c3aed);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.an-cookie-notice__badge svg {
	width: 20px;
	height: 20px;
}

.an-cookie-notice__title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--an-heading, #111827);
	letter-spacing: -0.01em;
}

.an-cookie-notice__body {
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--an-text-muted, #4b5563);
}
.an-cookie-notice__text {
	margin: 0;
}
.an-cookie-notice__policy-link {
	display: inline-block;
	margin-top: 6px;
	color: var(--an-accent, #7c3aed);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: opacity 0.2s;
}
.an-cookie-notice__policy-link:hover {
	opacity: 0.8;
}

/* Wide generous spacing between description text and action buttons */
.an-cookie-notice__actions {
	margin-top: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.an-cookie-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 18px;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	border: 1px solid transparent;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	white-space: nowrap;
}
.an-cookie-btn--accept {
	background: var(--an-accent, #7c3aed);
	color: #ffffff !important;
	border-color: var(--an-accent, #7c3aed);
	box-shadow: 0 4px 12px rgba(124, 58, 237, 0.25);
}
.an-cookie-btn--accept:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(124, 58, 237, 0.35);
}
.an-cookie-btn--reject {
	background: var(--an-surface-2, #f3f4f6);
	color: var(--an-text, #374151) !important;
	border-color: var(--an-border, #e5e7eb);
}
.an-cookie-btn--reject:hover {
	background: var(--an-surface-raised, #e5e7eb);
	color: var(--an-heading, #111827) !important;
}
.an-cookie-btn--customise,
.an-cookie-btn--outline {
	background: transparent;
	color: var(--an-text-muted, #6b7280) !important;
	border-color: var(--an-border, #d1d5db);
}
.an-cookie-btn--customise:hover,
.an-cookie-btn--outline:hover {
	color: var(--an-heading, #111827) !important;
	border-color: var(--an-text-muted, #9ca3af);
	background: var(--an-surface-2, rgba(0, 0, 0, 0.03));
}

/* Preferences Screen */
.an-cookie-prefs__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}
.an-cookie-prefs__title {
	margin: 0 0 3px;
	font-size: 16px;
	font-weight: 700;
	color: var(--an-heading, #111827);
}
.an-cookie-prefs__sub {
	margin: 0;
	font-size: 12.5px;
	color: var(--an-text-muted, #6b7280);
}

.an-cookie-prefs__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 22px;
	max-height: 240px;
	overflow-y: auto;
	padding-right: 4px;
}
.an-cookie-item {
	padding: 12px;
	border-radius: 10px;
	background: var(--an-surface-2, #f9fafb);
	border: 1px solid var(--an-border, #e5e7eb);
}
.an-cookie-item__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 4px;
}
.an-cookie-item__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.an-cookie-item__name {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--an-heading, #111827);
}
.an-cookie-item__badge {
	font-size: 10.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 2px 7px;
	border-radius: 999px;
	background: var(--an-accent-soft, rgba(124, 58, 237, 0.12));
	color: var(--an-accent, #7c3aed);
}
.an-cookie-item__desc {
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	color: var(--an-text-muted, #6b7280);
}

/* iOS-style toggle switches */
.an-cookie-switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
	flex-shrink: 0;
	cursor: pointer;
}
.an-cookie-switch input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}
.an-cookie-slider {
	position: absolute;
	inset: 0;
	background-color: var(--an-border, #d1d5db);
	transition: .22s cubic-bezier(0.16, 1, 0.3, 1);
	border-radius: 22px;
}
.an-cookie-slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .22s cubic-bezier(0.16, 1, 0.3, 1);
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.an-cookie-switch input:checked + .an-cookie-slider {
	background-color: var(--an-accent, #7c3aed);
}
.an-cookie-switch input:checked + .an-cookie-slider:before {
	transform: translateX(18px);
}
.an-cookie-switch--disabled {
	cursor: not-allowed;
	opacity: 0.85;
}

.an-cookie-prefs__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

/* Lightbox */
.an-lightbox {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.88);
	display: grid;
	place-items: center;
	padding: 24px;
	cursor: zoom-out;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s, visibility .2s;
}
.an-lightbox.is-open { opacity: 1; visibility: visible; }
.an-lightbox__img {
	max-width: 92vw;
	max-height: 90vh;
	object-fit: contain;
	border-radius: var(--an-radius-sm);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
	cursor: default;
}
.an-lightbox__close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	border: 0;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 24px;
	cursor: pointer;
	line-height: 1;
	transition: background .15s;
}
.an-lightbox__close:hover { background: rgba(255, 255, 255, 0.3); }

/* ==========================================================
   11b. Header & Footer Builder, TOC & Extras
   ========================================================== */

/* Header Main Inner */
.an-header__main {
	display: flex;
	align-items: center;
	gap: 24px;
	min-height: 64px;
	position: relative;
}

/* Header Layout Variants */
/* 1. Standard (Logo Left, Menu Center, Actions Right) */
@media (min-width: 861px) {
	.an-header--standard .an-header__main {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 28px;
	}
	.an-header--standard .an-nav {
		flex: 1;
		display: flex;
		justify-content: center;
	}
	.an-header--standard .an-nav > ul,
	.an-header--standard .an-nav > div > ul,
	.an-header--standard .an-nav .menu:not(.sub-menu) {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.an-header--standard .an-header__actions {
		margin-left: auto;
	}
}

/* 2. Center Logo (Logo mathematically centered via 1fr auto 1fr CSS Grid) */
@media (min-width: 861px) {
	.an-header--center_logo .an-header__main {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr !important;
		align-items: center;
		gap: 20px;
	}
	.an-header--center_logo .an-menu-toggle {
		display: none !important;
	}
	.an-header--center_logo .an-nav {
		grid-column: 1;
		display: flex;
		justify-content: flex-start;
		min-width: 0;
	}
	.an-header--center_logo .an-logo,
	.an-header--center_logo .custom-logo-link {
		grid-column: 2;
		justify-self: center;
		text-align: center;
		margin: 0 !important;
	}
	.an-header--center_logo .an-header__actions {
		grid-column: 3;
		justify-self: end;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: 0;
	}
}
@media (max-width: 860px) {
	.an-header--center_logo .an-header__main {
		display: grid !important;
		grid-template-columns: 40px 1fr auto !important;
		align-items: center;
		gap: 12px;
	}
	.an-header--center_logo .an-logo,
	.an-header--center_logo .custom-logo-link {
		justify-self: center;
		text-align: center;
		margin: 0 auto !important;
	}
	.an-header--center_logo .an-header__actions {
		justify-self: end;
	}
}

/* 3. Stacked (2-row Header: Logo & Actions Top, Navigation Full Bar Bottom) */
@media (min-width: 861px) {
	.an-header--stacked .an-header__main {
		display: grid !important;
		grid-template-columns: auto 1fr auto !important;
		grid-template-rows: auto auto !important;
		align-items: center;
		padding-top: 14px;
		padding-bottom: 0;
		gap: 0 20px;
	}
	.an-header--stacked .an-menu-toggle {
		display: none !important;
	}
	.an-header--stacked .an-logo,
	.an-header--stacked .custom-logo-link {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
		margin-bottom: 12px;
	}
	.an-header--stacked .an-header-cta {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
		margin-bottom: 12px;
		margin-right: 12px;
	}
	.an-header--stacked .an-header__actions {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
		margin-left: auto;
		margin-bottom: 12px;
	}
	.an-header--stacked .an-nav {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
		border-top: 1px solid var(--an-border);
		display: flex;
		justify-content: center;
	}
	.an-header--stacked .an-nav > ul,
	.an-header--stacked .an-nav > div > ul,
	.an-header--stacked .an-nav .menu:not(.sub-menu) {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.an-header--stacked .an-nav a {
		padding: 13px 18px;
	}
}

/* ==========================================================
   macOS Liquid Glass Header (Whole Header Frosted Blur)
   ========================================================== */
:is(.an-header.an-menu-style--macos, body.an-menu-style-macos .an-header) {
	background: rgba(255, 255, 255, 0.72) !important;
	backdrop-filter: blur(24px) saturate(180%) contrast(90%);
	-webkit-backdrop-filter: blur(24px) saturate(180%) contrast(90%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03), inset 0 -1px 0 rgba(0, 0, 0, 0.04) !important;
	transition: background 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

:is(.an-header.an-menu-style--macos, body.an-menu-style-macos .an-header).is-scrolled {
	background: rgba(255, 255, 255, 0.85) !important;
	backdrop-filter: blur(32px) saturate(190%);
	-webkit-backdrop-filter: blur(32px) saturate(190%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
	box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04), inset 0 -1px 0 rgba(15, 23, 42, 0.05) !important;
}

:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-header-subrow {
	background: rgba(255, 255, 255, 0.45) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos .an-header),
.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos .an-header) {
	background: rgba(15, 23, 42, 0.72) !important;
	backdrop-filter: blur(24px) saturate(180%);
	-webkit-backdrop-filter: blur(24px) saturate(180%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos .an-header).is-scrolled,
.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos .an-header).is-scrolled {
	background: rgba(15, 23, 42, 0.86) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-header-subrow,
.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-header-subrow {
	background: rgba(15, 23, 42, 0.45) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Desktop Menu Indicator Styles (Top-Level Only) */
@media (min-width: 861px) {
	/* Reset sub-menu dropdown links to prevent inheriting indicator shapes */
	.an-nav .sub-menu a {
		box-shadow: none !important;
		border: 0 !important;
		border-radius: 6px !important;
		margin: 0 !important;
		padding: 9px 14px !important;
		background: transparent !important;
		color: var(--an-heading) !important;
		font-weight: 500 !important;
		font-size: 13.5px !important;
		height: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		white-space: nowrap !important;
		text-transform: none !important;
		letter-spacing: normal !important;
	}
	.an-nav .sub-menu a:hover,
	.an-nav .sub-menu li.current-menu-item > a,
	.an-nav .sub-menu li.current_page_item > a,
	.an-nav .sub-menu a[aria-current="page"] {
		background: var(--an-surface-2) !important;
		color: var(--an-accent) !important;
		transform: translateX(3px);
	}

	/* 1. Underline Accent (Clean Editorial) */
	:is(.an-header.an-menu-style--underline, .an-header-layout-standard, body.an-menu-style-underline) .an-nav > ul > li > a,
	:is(.an-header.an-menu-style--underline, .an-header-layout-standard, body.an-menu-style-underline) .an-nav .menu > li > a,
	.an-nav--underline > ul > li > a,
	.an-nav--underline .menu > li > a {
		display: inline-flex;
		align-items: center;
		height: 64px;
		padding: 0 14px;
		margin: 0;
		font-size: 14px;
		font-weight: 600;
		box-shadow: inset 0 -3px 0 transparent;
		transition: color var(--an-transition), box-shadow var(--an-transition);
	}
	:is(.an-header.an-menu-style--underline, body.an-menu-style-underline) .an-nav > ul > li:hover > a,
	:is(.an-header.an-menu-style--underline, body.an-menu-style-underline) .an-nav .menu > li:hover > a,
	.an-nav--underline > ul > li:hover > a,
	.an-nav--underline .menu > li:hover > a {
		color: var(--an-accent);
		box-shadow: inset 0 -3px 0 var(--an-accent);
	}
	:is(.an-header.an-menu-style--underline, body.an-menu-style-underline) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--underline, body.an-menu-style-underline) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--underline, body.an-menu-style-underline) .an-nav > ul > li > a[aria-current="page"],
	:is(.an-header.an-menu-style--underline, body.an-menu-style-underline) .an-nav .menu > li > a[aria-current="page"],
	.an-nav--underline > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--underline .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--underline > ul > li > a[aria-current="page"],
	.an-nav--underline .menu > li > a[aria-current="page"] {
		color: var(--an-accent) !important;
		box-shadow: inset 0 -3px 0 var(--an-accent) !important;
	}

	/* 2. Soft Background Box Accent */
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav > ul > li > a,
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav .menu > li > a,
	.an-nav--background > ul > li > a,
	.an-nav--background .menu > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 36px;
		padding: 0 14px;
		border-radius: var(--an-radius-sm, 6px);
		margin: 0 2px;
		font-size: 13.5px;
		font-weight: 600;
		box-shadow: none !important;
		transition: background var(--an-transition), color var(--an-transition);
	}
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav > ul > li:hover > a,
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav .menu > li:hover > a,
	.an-nav--background > ul > li:hover > a,
	.an-nav--background .menu > li:hover > a {
		background: var(--an-surface-2);
		color: var(--an-accent);
	}
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav > ul > li > a[aria-current="page"],
	:is(.an-header.an-menu-style--background, body.an-menu-style-background) .an-nav .menu > li > a[aria-current="page"],
	.an-nav--background > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--background .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--background > ul > li > a[aria-current="page"],
	.an-nav--background .menu > li > a[aria-current="page"] {
		background: var(--an-accent-soft-2) !important;
		color: var(--an-accent) !important;
		box-shadow: none !important;
		font-weight: 700;
	}

	/* 3. Solid Pill Button Accent */
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav > ul > li > a,
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav .menu > li > a,
	.an-nav--pill > ul > li > a,
	.an-nav--pill .menu > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 36px;
		padding: 0 16px;
		border-radius: 999px;
		margin: 0 2px;
		font-size: 13.5px;
		font-weight: 600;
		box-shadow: none !important;
		transition: background var(--an-transition), color var(--an-transition), box-shadow var(--an-transition);
	}
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav > ul > li:hover > a,
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav .menu > li:hover > a,
	.an-nav--pill > ul > li:hover > a,
	.an-nav--pill .menu > li:hover > a {
		background: var(--an-accent-soft-2);
		color: var(--an-accent);
	}
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav > ul > li > a[aria-current="page"],
	:is(.an-header.an-menu-style--pill, body.an-menu-style-pill) .an-nav .menu > li > a[aria-current="page"],
	.an-nav--pill > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--pill .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--pill > ul > li > a[aria-current="page"],
	.an-nav--pill .menu > li > a[aria-current="page"] {
		background: var(--an-accent) !important;
		color: #fff !important;
		box-shadow: var(--an-accent-glow) !important;
		font-weight: 700;
	}

	/* 4. Minimal Text Color Only */
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav > ul > li > a,
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav .menu > li > a,
	.an-nav--minimal > ul > li > a,
	.an-nav--minimal .menu > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		padding: 0 12px;
		margin: 0;
		font-size: 14px;
		font-weight: 600;
		box-shadow: none !important;
		transition: color var(--an-transition);
	}
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav > ul > li:hover > a,
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav .menu > li:hover > a,
	.an-nav--minimal > ul > li:hover > a,
	.an-nav--minimal .menu > li:hover > a {
		color: var(--an-accent);
	}
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav > ul > li > a[aria-current="page"],
	:is(.an-header.an-menu-style--minimal, body.an-menu-style-minimal) .an-nav .menu > li > a[aria-current="page"],
	.an-nav--minimal > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--minimal .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--minimal > ul > li > a[aria-current="page"],
	.an-nav--minimal .menu > li > a[aria-current="page"] {
		color: var(--an-accent) !important;
		font-weight: 700;
		box-shadow: none !important;
	}

	/* 5. Outline Pill */
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav > ul > li > a,
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav .menu > li > a,
	.an-nav--outline > ul > li > a,
	.an-nav--outline .menu > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 34px;
		padding: 0 15px;
		border-radius: 999px;
		margin: 0 2px;
		border: 1.5px solid transparent;
		font-size: 13.5px;
		font-weight: 600;
		box-shadow: none !important;
		transition: all var(--an-transition);
	}
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav > ul > li:hover > a,
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav .menu > li:hover > a,
	.an-nav--outline > ul > li:hover > a,
	.an-nav--outline .menu > li:hover > a {
		border-color: var(--an-accent-border);
		color: var(--an-accent);
		background: var(--an-accent-soft-2);
	}
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav > ul > li > a[aria-current="page"],
	:is(.an-header.an-menu-style--outline, body.an-menu-style-outline) .an-nav .menu > li > a[aria-current="page"],
	.an-nav--outline > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--outline .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--outline > ul > li > a[aria-current="page"],
	.an-nav--outline .menu > li > a[aria-current="page"] {
		border-color: var(--an-accent) !important;
		color: var(--an-accent) !important;
		background: var(--an-accent-soft-2) !important;
		box-shadow: none !important;
		font-weight: 700;
	}

	/* 6. macOS Liquid Glass Menu Style (Clean Floating Items on Frosted Glass Header) */
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu,
	.an-nav--macos > ul,
	.an-nav--macos .menu {
		display: inline-flex;
		align-items: center;
		padding: 0 !important;
		gap: 2px;
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li,
	.an-nav--macos > ul > li,
	.an-nav--macos .menu > li {
		display: flex;
		align-items: center;
		position: relative;
	}

	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a,
	.an-nav--macos > ul > li > a,
	.an-nav--macos .menu > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		padding: 0 14px;
		border-radius: 8px;
		margin: 0;
		font-size: 13.5px;
		font-weight: 600;
		letter-spacing: -0.01em;
		color: var(--an-heading);
		background: transparent;
		border: none;
		box-shadow: none !important;
		transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
		white-space: nowrap;
		position: relative;
	}

	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li:hover > a,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li:hover > a,
	.an-nav--macos > ul > li:hover > a,
	.an-nav--macos .menu > li:hover > a {
		background: transparent !important;
		color: var(--an-accent) !important;
		border: none !important;
		box-shadow: none !important;
		text-decoration: none !important;
		transform: none;
	}

	/* macOS Liquid Glass Active Item - Only changes color, no underline/background */
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a[aria-current="page"],
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a[aria-current="page"],
	.an-nav--macos > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--macos .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.an-nav--macos > ul > li > a[aria-current="page"],
	.an-nav--macos .menu > li > a[aria-current="page"] {
		background: transparent !important;
		color: var(--an-accent) !important;
		border: none !important;
		border-bottom: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		font-weight: 700 !important;
		text-decoration: none !important;
		transform: none;
	}

	/* Remove all underline/bar/dot pseudoelements */
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::after,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::after,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a[aria-current="page"]::after,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a[aria-current="page"]::after,
	.an-nav--macos > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::after,
	.an-nav--macos .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::after,
	.an-nav--macos > ul > li > a[aria-current="page"]::after,
	.an-nav--macos .menu > li > a[aria-current="page"]::after,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::before,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::before,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a[aria-current="page"]::before,
	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a[aria-current="page"]::before,
	.an-nav--macos > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::before,
	.an-nav--macos .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a::before,
	.an-nav--macos > ul > li > a[aria-current="page"]::before,
	.an-nav--macos .menu > li > a[aria-current="page"]::before {
		display: none !important;
		content: none !important;
	}

	/* Dark mode support for macOS Menu Items */
	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul,
	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu,
	[data-theme="dark"] .an-nav--macos > ul,
	[data-theme="dark"] .an-nav--macos .menu,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu,
	.dark-theme .an-nav--macos > ul,
	.dark-theme .an-nav--macos .menu {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a,
	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a,
	[data-theme="dark"] .an-nav--macos > ul > li > a,
	[data-theme="dark"] .an-nav--macos .menu > li > a,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a,
	.dark-theme .an-nav--macos > ul > li > a,
	.dark-theme .an-nav--macos .menu > li > a {
		color: #e2e8f0;
	}

	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li:hover > a,
	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li:hover > a,
	[data-theme="dark"] .an-nav--macos > ul > li:hover > a,
	[data-theme="dark"] .an-nav--macos .menu > li:hover > a,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li:hover > a,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li:hover > a,
	.dark-theme .an-nav--macos > ul > li:hover > a,
	.dark-theme .an-nav--macos .menu > li:hover > a {
		background: transparent !important;
		color: var(--an-accent) !important;
	}

	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a[aria-current="page"],
	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a[aria-current="page"],
	[data-theme="dark"] .an-nav--macos > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	[data-theme="dark"] .an-nav--macos .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	[data-theme="dark"] .an-nav--macos > ul > li > a[aria-current="page"],
	[data-theme="dark"] .an-nav--macos .menu > li > a[aria-current="page"],
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav > ul > li > a[aria-current="page"],
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .menu > li > a[aria-current="page"],
	.dark-theme .an-nav--macos > ul > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.dark-theme .an-nav--macos .menu > :is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a,
	.dark-theme .an-nav--macos > ul > li > a[aria-current="page"],
	.dark-theme .an-nav--macos .menu > li > a[aria-current="page"] {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		color: var(--an-accent) !important;
	}

	:is(.an-header.an-menu-style--pill, .an-header.an-menu-style--outline, .an-header.an-menu-style--background, .an-header.an-menu-style--macos, body.an-menu-style-pill, body.an-menu-style-outline, body.an-menu-style-background, body.an-menu-style-macos) .an-nav .sub-menu,
	.an-nav--pill .sub-menu,
	.an-nav--outline .sub-menu,
	.an-nav--background .sub-menu,
	.an-nav--macos .sub-menu {
		top: calc(100% + 8px);
	}

	:is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .sub-menu,
	.an-nav--macos .sub-menu {
		background: rgba(255, 255, 255, 0.88) !important;
		backdrop-filter: blur(24px) saturate(180%);
		-webkit-backdrop-filter: blur(24px) saturate(180%);
		border: 1px solid rgba(255, 255, 255, 0.8) !important;
		border-radius: 14px;
		box-shadow: 0 18px 40px -6px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(15, 23, 42, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.9) !important;
	}

	[data-theme="dark"] :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .sub-menu,
	[data-theme="dark"] .an-nav--macos .sub-menu,
	.dark-theme :is(.an-header.an-menu-style--macos, body.an-menu-style-macos) .an-nav .sub-menu,
	.dark-theme .an-nav--macos .sub-menu {
		background: rgba(15, 23, 42, 0.88) !important;
		border-color: rgba(255, 255, 255, 0.12) !important;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
	}
}

/* PC Popup Submenu Styles */
@media (min-width: 861px) {
	/* Submenu Style 1: Glassmorphism */
	.an-submenu-style--glassmorphism .an-nav .sub-menu {
		background: rgba(255, 255, 255, 0.92) !important;
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		border: 1px solid rgba(15, 23, 42, 0.08) !important;
		border-radius: 12px;
		box-shadow: 0 16px 36px -4px rgba(15, 23, 42, 0.12), 0 2px 10px rgba(15, 23, 42, 0.05);
		padding: 8px;
	}
	.an-submenu-style--glassmorphism .an-nav .sub-menu a {
		border-radius: 7px;
		padding: 8px 12px;
		margin-bottom: 2px;
	}
	.an-submenu-style--glassmorphism .an-nav .sub-menu a:hover {
		background: var(--an-accent-soft-2) !important;
		color: var(--an-accent) !important;
	}

	/* Submenu Style 2: Minimal Accent Border */
	.an-submenu-style--minimal_accent .an-nav .sub-menu {
		background: var(--an-surface) !important;
		border: 1px solid var(--an-border) !important;
		border-radius: 0 !important;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
		padding: 0;
	}
	.an-submenu-style--minimal_accent .an-nav .sub-menu a {
		border-radius: 0 !important;
		border-left: 3px solid transparent;
		border-bottom: 1px solid var(--an-border);
		padding: 10px 14px 10px 12px;
		transition: border-left-color var(--an-transition), background var(--an-transition);
	}
	.an-submenu-style--minimal_accent .an-nav .sub-menu li:last-child > a {
		border-bottom: none;
	}
	.an-submenu-style--minimal_accent .an-nav .sub-menu a:hover,
	.an-submenu-style--minimal_accent .an-nav .sub-menu li.current-menu-item > a {
		border-left-color: var(--an-accent);
		background: var(--an-surface-2) !important;
		color: var(--an-accent) !important;
	}

	/* Submenu Style 3: iOS Frosted Glass */
	.an-submenu-style--ios_blur .an-nav .sub-menu {
		background: rgba(255, 255, 255, 0.88) !important;
		backdrop-filter: blur(26px) saturate(190%);
		-webkit-backdrop-filter: blur(26px) saturate(190%);
		border: 1px solid rgba(255, 255, 255, 0.8) !important;
		border-radius: 16px;
		box-shadow: 0 20px 48px -6px rgba(15, 23, 42, 0.15), inset 0 1px 1.5px rgba(255, 255, 255, 0.9);
		padding: 8px;
	}
	.an-submenu-style--ios_blur .an-nav .sub-menu a {
		border-radius: 10px;
		padding: 9px 14px;
		margin-bottom: 2px;
	}
	.an-submenu-style--ios_blur .an-nav .sub-menu a:hover {
		background: rgba(15, 23, 42, 0.06) !important;
	}

	/* Submenu Style 4: Luminous Dot & Glow */
	.an-submenu-style--luminous_glow .an-nav .sub-menu {
		background: #ffffff !important;
		border: 1px solid rgba(0, 0, 0, 0.08) !important;
		border-radius: 10px;
		box-shadow: 0 18px 40px -4px rgba(15, 23, 42, 0.15);
		padding: 6px;
	}
	.an-submenu-style--luminous_glow .an-nav .sub-menu a {
		position: relative;
		border-radius: 7px;
		padding: 9px 14px 9px 24px;
		margin-bottom: 2px;
		transition: all var(--an-transition);
	}
	.an-submenu-style--luminous_glow .an-nav .sub-menu a::before {
		content: "";
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--an-accent);
		box-shadow: 0 0 8px var(--an-accent);
		opacity: 0;
		transition: opacity var(--an-transition);
	}
	.an-submenu-style--luminous_glow .an-nav .sub-menu a:hover::before,
	.an-submenu-style--luminous_glow .an-nav .sub-menu li.current-menu-item > a::before {
		opacity: 1;
	}
	.an-submenu-style--luminous_glow .an-nav .sub-menu a:hover {
		background: var(--an-accent-soft) !important;
		color: var(--an-accent) !important;
		padding-left: 26px;
	}
}

/* Header Account Profile & Dropdown */
.an-account-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}
.an-account-btn {
	padding: 0;
	border-radius: 50%;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.an-account-avatar {
	width: 32px;
	height: auto;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 1.5px solid var(--an-border);
	transition: border-color var(--an-transition);
}
.an-account-btn:hover .an-account-avatar {
	border-color: var(--an-accent);
}
.an-account-avatar-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: currentColor;
}
.an-account-avatar-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}
.an-account-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 220px;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	border-radius: var(--an-radius-md);
	box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.35), 0 2px 10px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.22s var(--an-ease), transform 0.22s var(--an-ease), visibility 0.22s;
	z-index: 150;
	overflow: hidden;
}
.an-account-wrap.is-open .an-account-dropdown,
.an-account-wrap:hover .an-account-dropdown,
.an-account-wrap:focus-within .an-account-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.an-account-dropdown__head {
	padding: 12px 14px;
	border-bottom: 1px solid var(--an-border);
	background: var(--an-surface-2);
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.an-account-dropdown__head strong {
	font-size: 13.5px;
	color: var(--an-heading);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.an-account-dropdown__role {
	font-size: 11px;
	color: var(--an-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.an-account-dropdown__links {
	padding: 6px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.an-account-dropdown__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	font-size: 13px;
	color: var(--an-text);
	border-radius: var(--an-radius-sm);
	text-decoration: none;
	transition: background var(--an-transition), color var(--an-transition);
}
.an-account-dropdown__item svg {
	width: 16px;
	height: 16px;
	stroke-width: 2;
	flex-shrink: 0;
}
.an-account-dropdown__item:hover {
	background: var(--an-surface-2);
	color: var(--an-accent);
}
.an-account-dropdown__item--primary {
	background: var(--an-accent-soft);
	color: var(--an-accent);
	font-weight: 600;
}
.an-account-dropdown__item--primary:hover {
	background: var(--an-accent);
	color: #fff;
}
.an-account-dropdown__item--logout:hover {
	color: #ef4444;
	background: rgba(239, 68, 68, 0.1);
}

/* Header CTA Button */
.an-header-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	border-radius: var(--an-radius-sm);
	white-space: nowrap;
	transition: background .15s, border-color .15s, color .15s, transform .15s;
	text-decoration: none;
}
.an-header-cta--solid {
	background: var(--an-accent);
	color: #fff !important;
	border: 1px solid var(--an-accent);
}
.an-header-cta--solid:hover {
	opacity: .92;
	transform: translateY(-1px);
}
.an-header-cta--outline {
	background: transparent;
	color: var(--an-accent) !important;
	border: 1.5px solid var(--an-accent);
}
.an-header-cta--outline:hover {
	background: var(--an-accent);
	color: #fff !important;
	transform: translateY(-1px);
}

/* Smart Sticky Header */
.an-header[data-smart-sticky="true"] {
	transition: transform .3s var(--an-ease);
}
.an-header.an-header--hidden {
	transform: translateY(-100%);
}

/* Sub-Header Row */
.an-header-subrow {
	background: var(--an-surface-2);
	border-top: 1px solid var(--an-border);
	font-size: 13px;
	color: var(--an-muted);
}
.an-header-subrow__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 40px;
	gap: 16px;
	overflow-x: auto;
	scrollbar-width: none;
}
.an-header-subrow__inner::-webkit-scrollbar {
	display: none;
}
.an-header-subrow svg {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: -2px;
	flex-shrink: 0;
}
.an-subrow-cats {
	display: flex;
	align-items: center;
	gap: 12px;
	white-space: nowrap;
}
.an-subrow-cats__list {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}
.an-subrow-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: var(--an-heading);
	font-size: 13px;
	line-height: 1;
	flex-shrink: 0;
}
.an-subrow-label svg {
	width: 15px;
	height: 15px;
	color: var(--an-accent);
	flex-shrink: 0;
}
.an-subrow-cat {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	color: var(--an-heading);
	font-weight: 500;
	font-size: 12.5px;
	transition: border-color .15s, color .15s;
}
.an-subrow-cat:hover {
	border-color: var(--an-accent);
	color: var(--an-accent);
}
.an-subrow-cat__count {
	font-size: 11px;
	color: var(--an-muted);
	opacity: .8;
}
.an-subrow-nav ul {
	display: flex;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.an-subrow-nav a {
	color: var(--an-heading);
	font-weight: 600;
	font-size: 13px;
	transition: color .15s;
}
.an-subrow-nav a:hover {
	color: var(--an-accent);
}
.an-subrow-info {
	display: flex;
	align-items: center;
	gap: 18px;
	white-space: nowrap;
	width: 100%;
}
.an-subrow-time {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
}
.an-subrow-date {
	font-weight: 500;
	color: var(--an-muted);
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.an-subrow-clock {
	background: var(--an-surface);
	padding: 2px 8px;
	border-radius: 4px;
	border: 1px solid var(--an-border);
	font-family: monospace;
	font-size: 12px;
	color: var(--an-accent);
	font-weight: 700;
	letter-spacing: .04em;
}
.an-subrow-weather {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	font-size: 12px;
}
.an-subrow-weather__city {
	font-weight: 600;
	color: var(--an-heading);
}
.an-subrow-weather__temp {
	color: var(--an-accent);
	font-weight: 700;
}
.an-subrow-weather__desc {
	color: var(--an-muted);
	font-size: 11.5px;
}
.an-subrow-trending {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	font-size: 12.5px;
}
.an-subrow-trending strong {
	color: var(--an-heading);
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.an-subrow-trending a {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	background: var(--an-surface);
	border: 1px solid var(--an-border);
	color: var(--an-heading);
	font-weight: 600;
	font-size: 11.5px;
	text-decoration: none;
	transition: all .15s;
}
.an-subrow-trending a:hover {
	border-color: var(--an-accent);
	color: var(--an-accent);
	background: var(--an-accent-soft);
}
.an-subrow-ticker {
	display: flex;
	align-items: center;
	gap: 12px;
	white-space: nowrap;
	width: 100%;
}
.an-subrow-ticker__badge {
	background: var(--an-accent);
	color: #fff;
	padding: 3px 10px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 11.5px;
	letter-spacing: .04em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}
.an-subrow-ticker__track {
	display: flex;
	align-items: center;
	gap: 20px;
	overflow-x: auto;
	scrollbar-width: none;
	flex: 1;
}
.an-subrow-ticker__track::-webkit-scrollbar {
	display: none;
}
.an-subrow-ticker__track a {
	color: var(--an-heading);
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	transition: color .15s;
	display: inline-flex;
	align-items: center;
}
.an-subrow-ticker__track a:hover {
	color: var(--an-accent);
}
.an-subrow-ticker__track a::before {
	content: "•";
	margin-right: 8px;
	color: var(--an-accent);
	opacity: .7;
}
.an-subrow-custom {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--an-text);
	width: 100%;
}

/* Footer Builder Styles */
.an-footer-builder {
	background: var(--an-footer-bg, #0f172a);
	color: var(--an-footer-text, #94a3b8);
	padding-top: 50px;
}
.an-footer-grid {
	display: grid;
	gap: 36px;
	padding-bottom: 42px;
}
.an-footer-grid--classic {
	grid-template-columns: 1.4fr repeat(3, 1fr);
}
.an-footer-grid--four {
	grid-template-columns: repeat(4, 1fr);
}
.an-footer-grid--three {
	grid-template-columns: repeat(3, 1fr);
}
.an-footer-grid--two {
	grid-template-columns: repeat(2, 1fr);
}
.an-footer-grid--one {
	grid-template-columns: 1fr;
}
.an-footer-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--an-footer-heading, #f8fafc);
	margin: 0 0 16px;
	position: relative;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--an-accent);
	display: inline-block;
}
.an-footer-desc {
	margin: 0 0 14px;
	line-height: 1.6;
	color: var(--an-footer-text, #94a3b8);
}
.an-footer-content {
	line-height: 1.6;
}
.an-footer-col a {
	color: var(--an-footer-link, #cbd5e1);
	transition: color .15s;
}
.an-footer-col a:hover {
	color: #fff;
}
.an-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding: 18px 0;
	font-size: 13.5px;
}
.an-footer-btm-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.an-footer-copy {
	margin: 0;
	color: var(--an-footer-text, #94a3b8);
}
.an-footer-menu-row {
	padding-bottom: 22px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.an-footer-menu-list,
.an-footer-menu ul {
	list-style: none;
	display: flex;
	gap: 22px;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
.an-footer-menu-list a,
.an-footer-menu a {
	color: var(--an-footer-link, #cbd5e1);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .02em;
	transition: color .15s;
}
.an-footer-menu-list a:hover,
.an-footer-menu a:hover {
	color: #fff;
}

/* Back to Top Button */
.an-back-to-top {
	position: fixed;
	bottom: 24px;
	width: 42px;
	height: 42px;
	background: var(--an-accent);
	color: #fff;
	border: 0;
	cursor: pointer;
	display: grid;
	place-items: center;
	box-shadow: var(--an-shadow-md);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .25s, visibility .25s, transform .25s, background .15s;
	border-radius: var(--an-radius-sm);
}
.an-back-to-top:hover {
	opacity: .95;
	transform: translateY(8px);
}
.an-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.an-back-to-top--right,
.an-btt--right {
	right: 24px !important;
	left: auto !important;
}
.an-back-to-top--left,
.an-btt--left {
	left: 24px !important;
	right: auto !important;
}
.an-back-to-top--circle {
	border-radius: 50%;
}
.an-back-to-top--square {
	border-radius: var(--an-radius-sm);
}

/* Mobile Sticky Footer Menu */
.an-sticky-footer-menu {
	display: none;
}

@media (max-width: 768px) {
	.an-sticky-footer-menu {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: var(--an-sfm-bg, var(--an-surface, #ffffff));
		border-top: 1px solid var(--an-border, #e2e8f0);
		box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
		z-index: 998;
		padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s, border-color 0.2s;
	}

	.an-sticky-footer-menu[data-smart-hide="true"].is-hidden {
		transform: translateY(105%);
	}

	.an-sticky-footer-menu__list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.an-sticky-footer-menu__item {
		flex: 1;
		text-align: center;
		min-width: 0;
	}

	.an-sticky-footer-menu__link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		padding: 4px 2px;
		color: var(--an-sfm-text, var(--an-text-muted, #64748b));
		text-decoration: none;
		background: transparent;
		border: 0;
		width: 100%;
		cursor: pointer;
		font-family: inherit;
		transition: color 0.15s, transform 0.15s;
		position: relative;
		-webkit-tap-highlight-color: transparent;
	}

	.an-sticky-footer-menu__link:hover,
	.an-sticky-footer-menu__link:focus,
	.an-sticky-footer-menu__item.is-active .an-sticky-footer-menu__link {
		color: var(--an-sfm-active, var(--an-accent, #0f6e6a));
	}

	.an-sticky-footer-menu__icon {
		position: relative;
		width: 22px;
		height: 22px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.an-sticky-footer-menu__icon svg {
		width: 20px;
		height: 20px;
		stroke-width: 2;
	}

	.an-sticky-footer-menu__label {
		font-size: 10.5px;
		font-weight: 600;
		line-height: 1.1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.an-sticky-footer-menu--no-labels .an-sticky-footer-menu__label {
		display: none;
	}

	.an-sticky-footer-menu--no-labels .an-sticky-footer-menu__icon {
		width: 26px;
		height: 26px;
	}

	.an-sticky-footer-menu--no-labels .an-sticky-footer-menu__icon svg {
		width: 24px;
		height: 24px;
	}

	.an-sticky-footer-menu .an-sticky-cart-count {
		position: absolute;
		top: -5px;
		right: -8px;
		background: var(--an-accent, #0f6e6a);
		color: #ffffff;
		font-size: 9.5px;
		font-weight: 700;
		min-width: 16px;
		height: 16px;
		line-height: 16px;
		border-radius: 8px;
		padding: 0 4px;
		text-align: center;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	}

	.an-sticky-footer-menu .an-sticky-cart-count.is-empty {
		display: none;
	}

	/* Body spacing when sticky footer menu is enabled */
	body.has-sticky-footer-menu {
		padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
	}

	/* Back to top position adjustment when sticky footer is enabled */
	body.has-sticky-footer-menu .an-back-to-top {
		bottom: calc(68px + env(safe-area-inset-bottom, 0px));
	}
}

/* Default WordPress Widgets Footer Fallback */
.an-footer--default-widgets { padding: 48px 0 24px; }
.an-footer-widgets-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
	margin-bottom: 40px;
}
.an-footer-widget-col .widget { margin-bottom: 24px; }
.an-footer-widget-col .widget-title,
.an-footer-widget-col h2.widgettitle {
	font: 700 16px/1.3 var(--an-font-heading);
	color: var(--an-footer-heading, var(--an-heading));
	margin: 0 0 16px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--an-accent);
	display: inline-block;
}
.an-footer-widgets-empty {
	padding: 30px;
	text-align: center;
	border: 1px dashed var(--an-border);
	border-radius: var(--an-radius-sm);
	color: var(--an-muted);
	margin-bottom: 30px;
}
@media (max-width: 1024px) {
	.an-footer-widgets-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.an-footer-widgets-grid { grid-template-columns: 1fr; }
}

/* TOC Styling Variants */
.an-toc--numbered ol {
	list-style: decimal;
}
.an-toc--bullets ol {
	list-style: disc;
}
.an-toc--minimal ol {
	list-style: none;
	padding-left: 4px;
}
.an-toc--minimal li {
	padding-left: 12px;
	border-left: 2px solid var(--an-border);
}
.an-toc--minimal li:has(> a.is-active) {
	border-left-color: var(--an-accent);
}
.an-toc__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 8px;
	background: var(--an-surface-2, #f1f5f9);
	border: 1px solid var(--an-border);
	color: var(--an-heading);
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
	line-height: 1;
	flex-shrink: 0;
	cursor: pointer;
}
.an-toc__arrow-icon {
	width: 18px;
	height: 18px;
	display: block;
	transition: transform .25s cubic-bezier(0.2, 0.8, 0.2, 1);
	transform-origin: center;
}
.an-toc__title:hover .an-toc__arrow {
	border-color: var(--an-accent);
	color: var(--an-accent);
	background: var(--an-accent-soft);
}
/* When open (default): arrow points UP */
.an-toc:not(.is-collapsed) .an-toc__arrow-icon {
	transform: rotate(180deg);
}
/* When collapsed: arrow points DOWN */
.an-toc.is-collapsed .an-toc__arrow-icon {
	transform: rotate(0deg);
}


/* ==========================================================
   12. Responsive
   ========================================================== */
@media (max-width: 1024px) {
	.an-layout, .an-layout--left { grid-template-columns: minmax(0, 1fr); }
	.an-layout--left .an-sidebar { order: 0; }
	.an-entry-thumb { width: 100%; max-width: 100%; margin: 0 0 22px 0; }
	.an-entry-thumb img, .an-entry-thumb .wp-post-image { width: 100% !important; max-width: 100% !important; height: auto !important; }
	.an-grid { --an-cols: 2 !important; }
	.an-footer__grid { grid-template-columns: 1fr 1fr; }
	.an-footer-grid--classic,
	.an-footer-grid--four,
	.an-footer-grid--three { grid-template-columns: repeat(2, 1fr); }
	.an-hero { grid-template-columns: 1fr; }
	.an-hero__side { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
	/* Hide desktop nav completely on mobile */
	.an-nav {
		display: none !important;
	}

	/* Scroll locking when mobile drawer is open */
	body.an-drawer-open {
		overflow: hidden !important;
		touch-action: none;
	}

	/* Clean Mobile Header Main Bar */
	.an-header__main {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		padding: 10px 14px !important;
		min-height: 58px !important;
	}
	.an-menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 10px;
		background: var(--an-surface-2);
		border: 1px solid var(--an-border);
		color: var(--an-heading);
		cursor: pointer;
		flex-shrink: 0;
		transition: background 0.15s, color 0.15s, border-color 0.15s;
	}
	.an-menu-toggle:hover,
	.an-menu-toggle[aria-expanded="true"] {
		background: var(--an-surface);
		color: var(--an-accent);
		border-color: var(--an-accent);
	}
	.an-menu-toggle svg {
		width: 20px;
		height: 20px;
	}
	.an-logo,
	.custom-logo-link {
		max-height: 38px;
		display: inline-flex;
		align-items: center;
		font-size: 20px;
		font-weight: 800;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		min-width: 0;
	}
	.an-logo img,
	.custom-logo {
		max-height: 34px;
		width: auto;
		object-fit: contain;
	}
	.an-header__actions {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		flex-shrink: 0 !important;
		margin-left: 0 !important;
	}
	.an-header__actions .an-icon-btn {
		width: 38px;
		height: 38px;
		border-radius: 8px;
	}
	/* Prevent top header bar clutter on mobile; featured cleanly in drawer instead */
	.an-header-cta--before-actions,
	.an-header-cta,
	.an-header__actions .an-account-wrap {
		display: none !important;
	}
	.an-header__btn {
		display: none !important;
	}

	/* ==========================================================
	   Mobile Navigation Drawer
	   ========================================================== */
	.an-mobile-drawer {
		display: block !important;
	}

	/* Backdrop */
	.an-mobile-drawer__backdrop {
		position: fixed !important;
		inset: 0 !important;
		z-index: 99998 !important;
		background: rgba(15, 23, 42, 0.65) !important;
		backdrop-filter: blur(5px) !important;
		-webkit-backdrop-filter: blur(5px) !important;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s;
	}
	.an-mobile-drawer.is-open .an-mobile-drawer__backdrop {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	/* Drawer Panel (Default: Off-Canvas Side Drawer) */
	.an-mobile-drawer__panel {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		width: min(340px, 86vw) !important;
		height: 100vh !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		z-index: 99999 !important;
		background: var(--an-surface) !important;
		box-shadow: 12px 0 36px rgba(0, 0, 0, 0.35) !important;
		border-right: 1px solid var(--an-border) !important;
		border-radius: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		transform: translateX(-105%) !important;
		transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
		overflow: hidden !important;
	}
	.admin-bar .an-mobile-drawer__panel {
		top: 46px !important;
		height: calc(100vh - 46px) !important;
		height: calc(100dvh - 46px) !important;
	}
	.an-mobile-drawer.is-open .an-mobile-drawer__panel {
		transform: translateX(0) !important;
	}

	/* Drawer Header */
	.an-mobile-drawer__header {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 12px 18px !important;
		border-bottom: 1px solid var(--an-border) !important;
		background: var(--an-surface) !important;
		flex-shrink: 0 !important;
		gap: 12px !important;
		min-height: 56px !important;
	}
	.an-mobile-drawer__brand {
		display: flex;
		align-items: center;
		max-height: 32px;
		min-width: 0;
	}
	.an-mobile-drawer__brand .an-logo {
		font-size: 19px;
		font-weight: 800;
		line-height: 1;
	}
	.an-mobile-drawer__brand img {
		max-height: 30px;
		width: auto;
	}
	.an-mobile-drawer__close {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: var(--an-surface-2);
		border: 1px solid var(--an-border);
		color: var(--an-heading);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		flex-shrink: 0;
		transition: background 0.15s, color 0.15s, transform 0.2s;
	}
	.an-mobile-drawer__close:hover {
		background: var(--an-border);
		transform: rotate(90deg);
	}
	.an-mobile-drawer__close svg {
		width: 18px;
		height: 18px;
	}

	/* Drawer Search */
	.an-mobile-drawer__search {
		display: block !important;
		padding: 12px 16px 6px !important;
		flex-shrink: 0 !important;
	}
	.an-mobile-search-form {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
	}
	.an-mobile-search-icon {
		position: absolute;
		left: 14px;
		top: 50%;
		transform: translateY(-50%);
		color: var(--an-text-muted);
		pointer-events: none;
		display: flex;
		align-items: center;
	}
	.an-mobile-search-icon svg {
		width: 16px;
		height: 16px;
	}
	.an-mobile-search-input {
		width: 100% !important;
		height: 42px !important;
		padding: 0 42px 0 38px !important;
		border-radius: 22px !important;
		border: 1px solid var(--an-border) !important;
		background: var(--an-surface-2) !important;
		color: var(--an-heading) !important;
		font-size: 14px !important;
		transition: border-color 0.2s, background 0.2s !important;
	}
	.an-mobile-search-input:focus {
		border-color: var(--an-accent) !important;
		background: var(--an-surface) !important;
		outline: none !important;
	}
	.an-mobile-search-btn {
		position: absolute;
		right: 6px;
		top: 50%;
		transform: translateY(-50%);
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: none;
		background: transparent;
		color: var(--an-text-muted);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.an-mobile-search-btn:hover {
		color: var(--an-accent);
	}
	.an-mobile-search-btn svg {
		width: 15px;
		height: 15px;
	}

	/* Drawer Menu List */
	.an-mobile-drawer__content {
		display: block !important;
		flex: 1 1 auto !important;
		overflow-y: auto !important;
		overscroll-behavior: contain !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 8px 12px 18px !important;
	}
	.an-mobile-menu {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 3px !important;
	}
	.an-mobile-menu li {
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 8px !important;
		transition: background 0.15s !important;
	}
	.an-mobile-menu li > a {
		flex: 1 !important;
		min-width: 0 !important;
		padding: 10px 12px !important;
		font-size: 14.5px !important;
		font-weight: 600 !important;
		color: var(--an-heading) !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		border-radius: 8px !important;
		line-height: 1.35 !important;
		display: flex !important;
		align-items: center !important;
		text-decoration: none !important;
		border: none !important;
		box-shadow: none !important;
		background: transparent !important;
	}
	.an-mobile-menu li > a::after {
		display: none !important;
	}
	.an-mobile-menu li:hover > a,
	.an-mobile-menu li.current-menu-item > a,
	.an-mobile-menu li.current-menu-ancestor > a {
		color: var(--an-accent) !important;
		background: var(--an-surface-2) !important;
	}

	/* Touch-friendly Accordion Sub-Menu Chevron Toggle */
	.an-mobile-drawer .an-sub-toggle {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		height: 38px !important;
		border-radius: 6px !important;
		border: none !important;
		background: transparent !important;
		color: var(--an-text-muted) !important;
		cursor: pointer !important;
		flex-shrink: 0 !important;
		margin-right: 2px !important;
		transition: color 0.15s, background 0.15s !important;
	}
	.an-mobile-drawer .an-sub-toggle:hover {
		color: var(--an-heading) !important;
		background: var(--an-surface-2) !important;
	}
	.an-mobile-drawer .an-sub-toggle svg {
		width: 17px !important;
		height: 17px !important;
		transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	}
	.an-mobile-menu li.is-expanded > .an-sub-toggle svg {
		transform: rotate(180deg) !important;
		color: var(--an-accent) !important;
	}

	/* Accordion Sub-Menu styling */
	.an-mobile-menu .sub-menu {
		display: none !important;
		position: static !important;
		width: 100% !important;
		flex-basis: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		box-shadow: none !important;
		background: transparent !important;
		margin: 2px 0 6px 14px !important;
		padding: 2px 0 2px 10px !important;
		border-left: 2px solid var(--an-border) !important;
		border-radius: 0 !important;
		gap: 2px !important;
	}
	.an-mobile-menu .sub-menu::before {
		display: none !important;
	}
	.an-mobile-menu li.is-expanded > .sub-menu {
		display: flex !important;
		flex-direction: column !important;
		animation: anNavFadeDown 0.2s ease;
	}
	@keyframes anNavFadeDown {
		from { opacity: 0; transform: translateY(-4px); }
		to { opacity: 1; transform: translateY(0); }
	}
	.an-mobile-menu .sub-menu li > a {
		font-size: 13.5px !important;
		font-weight: 500 !important;
		color: var(--an-text-muted) !important;
		padding: 8px 10px !important;
	}
	.an-mobile-menu .sub-menu li:hover > a,
	.an-mobile-menu .sub-menu li.current-menu-item > a {
		color: var(--an-accent) !important;
		background: var(--an-surface-2) !important;
	}
	.an-mobile-menu .sub-menu .sub-menu {
		margin-left: 10px !important;
		border-left-color: var(--an-border) !important;
	}

	/* Drawer Footer */
	.an-mobile-drawer__footer {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		padding: 14px 16px !important;
		border-top: 1px solid var(--an-border) !important;
		background: var(--an-surface-2) !important;
		flex-shrink: 0 !important;
	}
	.an-mobile-drawer__account {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		background: var(--an-surface);
		border: 1px solid var(--an-border);
		border-radius: 12px;
		padding: 8px 12px;
	}
	.an-mobile-drawer__user {
		display: flex;
		align-items: center;
		gap: 10px;
		text-decoration: none;
		min-width: 0;
		flex: 1;
	}
	.an-mobile-drawer__avatar {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		object-fit: cover;
		flex-shrink: 0;
	}
	.an-mobile-drawer__avatar--icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: var(--an-surface-raised, rgba(0, 0, 0, 0.04));
		border: 1px solid var(--an-border);
		color: var(--an-text);
	}
	.an-mobile-drawer__avatar--icon svg {
		width: 20px;
		height: 20px;
	}
	.an-mobile-drawer__user-info {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}
	.an-mobile-drawer__username {
		font-size: 14px;
		font-weight: 700;
		color: var(--an-heading);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.an-mobile-drawer__userrole {
		font-size: 11.5px;
		color: var(--an-text-muted);
	}
	.an-mobile-drawer__logout-btn {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--an-surface-2);
		color: var(--an-text-muted);
		flex-shrink: 0;
	}
	.an-mobile-drawer__logout-btn:hover {
		color: #ef4444;
		background: rgba(239, 68, 68, 0.1);
	}
	.an-mobile-drawer__logout-btn svg {
		width: 14px;
		height: 14px;
	}
	.an-mobile-drawer__auth-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 10px 14px;
		border-radius: 10px;
		background: var(--an-surface);
		border: 1px solid var(--an-border);
		color: var(--an-heading);
		font-size: 13.5px;
		font-weight: 600;
		text-decoration: none;
		transition: background 0.15s, border-color 0.15s;
	}
	.an-mobile-drawer__auth-btn:hover {
		border-color: var(--an-accent);
		color: var(--an-accent);
	}
	.an-mobile-drawer__auth-btn svg {
		width: 16px;
		height: 16px;
	}
	.an-mobile-drawer__mode-btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 10px 14px;
		border-radius: 10px;
		background: var(--an-surface);
		border: 1px solid var(--an-border);
		color: var(--an-heading);
		font-size: 13.5px;
		font-weight: 600;
		cursor: pointer;
	}
	.an-mobile-drawer__mode-icon {
		display: flex;
		align-items: center;
	}
	.an-mobile-drawer__mode-icon svg {
		width: 17px;
		height: 17px;
	}
	.an-mobile-drawer__cta {
		display: block;
		text-align: center;
		padding: 11px 16px;
		border-radius: 10px;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
		margin-top: 2px;
	}

	/* Style 1: Floating Panel */
	.an-mobile-drawer--floating .an-mobile-drawer__panel {
		top: 12px !important;
		left: 12px !important;
		right: 12px !important;
		bottom: auto !important;
		width: calc(100% - 24px) !important;
		max-height: calc(100vh - 24px) !important;
		max-height: calc(100dvh - 24px) !important;
		border-radius: 18px !important;
		border: 1px solid var(--an-border) !important;
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
		transform: translateY(-20px) !important;
		opacity: 0;
		visibility: hidden;
		transition: transform 0.28s var(--an-ease), opacity 0.28s, visibility 0.28s !important;
	}
	.admin-bar .an-mobile-drawer--floating .an-mobile-drawer__panel {
		top: 58px !important;
		max-height: calc(100vh - 70px) !important;
		max-height: calc(100dvh - 70px) !important;
	}
	.an-mobile-drawer--floating.is-open .an-mobile-drawer__panel {
		transform: translateY(0) !important;
		opacity: 1;
		visibility: visible;
	}

	/* Style 2: macOS Glass Sheet */
	.an-mobile-drawer--macos .an-mobile-drawer__panel {
		top: 12px !important;
		left: 12px !important;
		right: 12px !important;
		bottom: auto !important;
		width: calc(100% - 24px) !important;
		max-height: calc(100vh - 24px) !important;
		max-height: calc(100dvh - 24px) !important;
		border-radius: 20px !important;
		background: rgba(255, 255, 255, 0.94) !important;
		backdrop-filter: blur(28px) saturate(190%) !important;
		-webkit-backdrop-filter: blur(28px) saturate(190%) !important;
		border: 1px solid rgba(15, 23, 42, 0.08) !important;
		box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
		transform: translateY(-20px) scale(0.98) !important;
		opacity: 0;
		visibility: hidden;
		transition: transform 0.28s var(--an-ease), opacity 0.28s, visibility 0.28s !important;
	}
	.admin-bar .an-mobile-drawer--macos .an-mobile-drawer__panel {
		top: 58px !important;
		max-height: calc(100vh - 70px) !important;
		max-height: calc(100dvh - 70px) !important;
	}
	.an-mobile-drawer--macos.is-open .an-mobile-drawer__panel {
		transform: translateY(0) scale(1) !important;
		opacity: 1;
		visibility: visible;
	}

	/* Style 3: Fullscreen Slide */
	.an-mobile-drawer--fullscreen .an-mobile-drawer__panel {
		inset: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		border-radius: 0 !important;
		border: none !important;
		transform: translateX(-100%) !important;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	}
	.an-mobile-drawer--fullscreen.is-open .an-mobile-drawer__panel {
		transform: translateX(0) !important;
	}

	/* Style 4: Blur Fullscreen */
	.an-mobile-drawer--blur_fullscreen .an-mobile-drawer__panel {
		inset: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		border-radius: 0 !important;
		border: none !important;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(28px) !important;
		-webkit-backdrop-filter: blur(28px) !important;
		opacity: 0;
		visibility: hidden;
		transform: scale(0.96) !important;
		transition: transform 0.28s var(--an-ease), opacity 0.28s, visibility 0.28s !important;
	}
	.an-mobile-drawer--blur_fullscreen.is-open .an-mobile-drawer__panel {
		transform: scale(1) !important;
		opacity: 1;
		visibility: visible;
	}
}
@media (min-width: 861px) {
	.an-header-cta--hide-desktop { display: none !important; }
}
@media (max-width: 782px) {
	.admin-bar .an-header { top: 46px; }
}
@media (max-width: 640px) {
	.an-entry-thumb { width: 100%; max-width: 100%; margin: 0 0 16px 0; border-radius: var(--an-radius-sm); }
	.an-entry-thumb img, .an-entry-thumb .wp-post-image { width: 100% !important; max-width: 100% !important; height: auto !important; }
	.an-grid { --an-cols: 1 !important; }
	.an-card--list { flex-direction: column; }
	.an-card--list .an-card__thumb { flex: none; aspect-ratio: 16 / 10; min-height: 0; }
	.an-hero__side { grid-template-columns: 1fr; }
	.an-hero-card--main { min-height: 360px; }
	.an-hero-card--main .an-hero-card__body { left: 12px; right: 12px; bottom: 12px; padding: 16px; }
	.an-footer__grid { grid-template-columns: 1fr; }
	.an-footer-grid--classic,
	.an-footer-grid--four,
	.an-footer-grid--three,
	.an-footer-grid--two { grid-template-columns: 1fr; }
	.an-topbar { display: none; }
	.an-section__title { font-size: 18px; }
	.an-cookie-notice { left: 12px; right: 12px; bottom: 12px; flex-direction: column; align-items: flex-start; }
	.an-cookie-accept { width: 100%; text-align: center; }
	.an-header-subrow__inner { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ==========================================================
 * Universal Mini-Cart Drawer Synchronization (Homepage & Product Page)
 * ========================================================== */
.an-cart-drawer .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
.an-cart-drawer .woocommerce-mini-cart-item,
.an-cart-drawer .mini_cart_item {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 60px 1fr !important;
	gap: 4px 14px !important;
	align-items: center !important;
	padding: 14px 0 14px 28px !important;
	border-bottom: 1px solid var(--an-border, #e2e8f0) !important;
}
.an-cart-drawer .woocommerce-mini-cart-item a:not(.remove),
.an-cart-drawer .mini_cart_item a:not(.remove) {
	display: contents;
	font-weight: 600;
	color: var(--an-heading, #1e293b);
	font-size: 15px;
	text-decoration: none;
}
.an-cart-drawer .woocommerce-mini-cart-item a:not(.remove):hover,
.an-cart-drawer .mini_cart_item a:not(.remove):hover {
	color: var(--an-accent, #0f6e6a);
}
.an-cart-drawer .woocommerce-mini-cart-item img,
.an-cart-drawer .mini_cart_item img {
	grid-row: span 2;
	width: 60px !important;
	height: 60px !important;
	object-fit: cover;
	border-radius: var(--an-radius-sm, 6px);
}
.an-cart-drawer .woocommerce-mini-cart-item .quantity,
.an-cart-drawer .mini_cart_item .quantity {
	grid-column: 2;
	color: var(--an-muted, #64748b);
	font-size: 14px;
	font-weight: 500;
}
.an-cart-drawer .woocommerce-mini-cart-item .remove,
.an-cart-drawer .mini_cart_item .remove,
.an-cart-drawer a.remove {
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 20px !important;
	height: 20px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ef4444 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: opacity 0.15s ease !important;
	float: none !important;
	margin: 0 !important;
}
.an-cart-drawer .woocommerce-mini-cart-item .remove:hover,
.an-cart-drawer .mini_cart_item .remove:hover,
.an-cart-drawer a.remove:hover {
	opacity: 0.65 !important;
}
.an-cart-drawer .woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 0 14px;
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--an-heading, #1e293b);
	border-top: 1px solid var(--an-border, #e2e8f0);
}
.an-cart-drawer .woocommerce-mini-cart__buttons {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
}
.an-cart-drawer .woocommerce-mini-cart__buttons a,
.an-cart-drawer .woocommerce-mini-cart__buttons a.button,
.an-cart-drawer .woocommerce-mini-cart__buttons .button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 13px 20px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	border-radius: var(--an-radius-sm, 8px) !important;
	text-align: center !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
	margin: 0 !important;
}
/* View Cart Button (Secondary / Outlined) */
.an-cart-drawer .woocommerce-mini-cart__buttons a:not(.checkout),
.an-cart-drawer .woocommerce-mini-cart__buttons a.button:not(.checkout),
.an-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout) {
	background: var(--an-surface, #ffffff) !important;
	color: var(--an-heading, #1e293b) !important;
	border: 1.5px solid var(--an-accent, #0f6e6a) !important;
	box-shadow: none !important;
}
.an-cart-drawer .woocommerce-mini-cart__buttons a:not(.checkout):hover,
.an-cart-drawer .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.an-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout):hover {
	background: var(--an-surface-2, #f1f5f9) !important;
	border-color: var(--an-accent-hover, #0b5451) !important;
	color: var(--an-accent, #0f6e6a) !important;
}
/* Checkout Button (Primary / Solid) */
.an-cart-drawer .woocommerce-mini-cart__buttons a.checkout,
.an-cart-drawer .woocommerce-mini-cart__buttons a.button.checkout,
.an-cart-drawer .woocommerce-mini-cart__buttons .button.checkout {
	background: var(--an-accent, #0f6e6a) !important;
	color: var(--an-accent-ink, #ffffff) !important;
	border: 1.5px solid var(--an-accent, #0f6e6a) !important;
	box-shadow: none !important;
}
.an-cart-drawer .woocommerce-mini-cart__buttons a.checkout:hover,
.an-cart-drawer .woocommerce-mini-cart__buttons a.button.checkout:hover,
.an-cart-drawer .woocommerce-mini-cart__buttons .button.checkout:hover {
	background: var(--an-accent-hover, #0b5451) !important;
	border-color: var(--an-accent-hover, #0b5451) !important;
	color: var(--an-accent-ink, #ffffff) !important;
}

/* Hide legacy WooCommerce shop toolbar, result count, ordering and view toggles */
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering,
.an-shop-toolbar,
.gridlist-toggle,
.wc-view-toggle,
.woocommerce-view-mode {
	display: none !important;
}

/* Product Grid 5 & 6 Columns and Title Spacing */
.woocommerce ul.products.columns-5,
.woocommerce.columns-5 ul.products {
	--an-pcols: 5 !important;
	gap: 16px !important;
}
.woocommerce ul.products.columns-6,
.woocommerce.columns-6 ul.products {
	--an-pcols: 6 !important;
	gap: 14px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	margin: 14px 0 8px !important;
	padding: 0 16px !important;
	line-height: 1.4 !important;
}

/* Flash Sale Countdown Icon Sizing */
.an-wc-countdown-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}
.an-wc-countdown-badge svg,
.an-single-countdown__header svg,
.an-wc-countdown-icon svg {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	stroke: currentColor !important;
	stroke-width: 2.2 !important;
	fill: none !important;
	display: block !important;
	flex-shrink: 0 !important;
}

/* Collapsible Product Description */
.an-product-desc-wrap {
	position: relative;
	width: 100%;
}
.an-product-desc-inner {
	position: relative;
	transition: max-height 0.35s ease;
}
.an-product-desc-wrap.is-collapsed .an-product-desc-inner {
	max-height: 280px;
	overflow: hidden;
}
.an-product-desc-wrap:not(.is-collapsed) .an-product-desc-inner {
	max-height: none;
	overflow: visible;
}
.an-product-desc-fade {
	display: none;
}
.an-product-desc-wrap.is-collapsed .an-product-desc-fade {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 110px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--an-surface, #ffffff) 90%);
	pointer-events: none;
}
.an-product-desc-btn-wrap {
	text-align: center;
	margin-top: 14px;
	position: relative;
	z-index: 5;
}
.an-desc-toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background: var(--an-surface, #ffffff);
	border: 1.5px solid var(--an-accent, #0f6e6a);
	border-radius: 999px;
	color: var(--an-accent, #0f6e6a);
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(var(--an-accent-rgb), 0.1);
	transition: all 0.2s ease;
}
.an-desc-toggle-btn:hover {
	background: var(--an-accent, #0f6e6a);
	border-color: var(--an-accent, #0f6e6a);
	color: var(--an-accent-ink, #ffffff);
	box-shadow: 0 4px 14px rgba(var(--an-accent-rgb), 0.25);
}
.an-desc-toggle-btn svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 2.5;
	fill: none;
	transition: transform 0.25s ease;
}
.an-product-desc-wrap:not(.is-collapsed) .an-desc-toggle-btn svg {
	transform: rotate(180deg);
}

/* ==========================================================
   WooCommerce Comprehensive Layout & UI Fixes
   ========================================================== */

/* 1. Shop Sidebar Layout & Positions */
.an-layout--shop {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 32px;
	align-items: start;
}
body.an-shop-sidebar-left .an-layout--shop {
	grid-template-columns: 280px minmax(0, 1fr);
}
body.an-shop-sidebar-left .an-layout--shop .an-shop-main {
	order: 2;
}
body.an-shop-sidebar-left .an-layout--shop .an-sidebar {
	order: 1;
}
body.an-shop-sidebar-right .an-layout--shop {
	grid-template-columns: minmax(0, 1fr) 280px;
}
body.an-shop-sidebar-right .an-layout--shop .an-shop-main {
	order: 1;
}
body.an-shop-sidebar-right .an-layout--shop .an-sidebar {
	order: 2;
}
@media (max-width: 1024px) {
	.an-layout--shop,
	body.an-shop-sidebar-left .an-layout--shop,
	body.an-shop-sidebar-right .an-layout--shop {
		grid-template-columns: minmax(0, 1fr) !important;
	}
	body.an-shop-sidebar-left .an-layout--shop .an-shop-main,
	body.an-shop-sidebar-right .an-layout--shop .an-shop-main {
		order: 1 !important;
	}
	body.an-shop-sidebar-left .an-layout--shop .an-sidebar,
	body.an-shop-sidebar-right .an-layout--shop .an-sidebar {
		order: 2 !important;
		margin-top: 36px !important;
	}
}

/* 2. Mobile Columns (1 Col vs 2 Cols) */
@media (max-width: 768px) {
	:is(body.shop-mob-cols-1, body.an-shop-mobile-cols-1, .shop-mob-cols-1, .an-shop-mobile-cols-1) :is(ul.products, .woocommerce ul.products, .woocommerce-page ul.products):not(.is-list-view),
	:is(body.shop-mob-cols-1, body.an-shop-mobile-cols-1, .shop-mob-cols-1, .an-shop-mobile-cols-1) ul.products:not(.is-list-view) {
		--an-pcols: 1 !important;
		grid-template-columns: 100% !important;
	}
	:is(body.shop-mob-cols-1, body.an-shop-mobile-cols-1, .shop-mob-cols-1, .an-shop-mobile-cols-1) :is(ul.products, .woocommerce ul.products, .woocommerce-page ul.products):not(.is-list-view) li.product,
	:is(body.shop-mob-cols-1, body.an-shop-mobile-cols-1, .shop-mob-cols-1, .an-shop-mobile-cols-1) ul.products:not(.is-list-view) li.product {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	:is(body.shop-mob-cols-2, body.an-shop-mobile-cols-2, .shop-mob-cols-2, .an-shop-mobile-cols-2) :is(ul.products, .woocommerce ul.products, .woocommerce-page ul.products):not(.is-list-view),
	:is(body.shop-mob-cols-2, body.an-shop-mobile-cols-2, .shop-mob-cols-2, .an-shop-mobile-cols-2) ul.products:not(.is-list-view) {
		--an-pcols: 2 !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	:is(body.shop-mob-cols-2, body.an-shop-mobile-cols-2, .shop-mob-cols-2, .an-shop-mobile-cols-2) :is(ul.products, .woocommerce ul.products, .woocommerce-page ul.products):not(.is-list-view) li.product,
	:is(body.shop-mob-cols-2, body.an-shop-mobile-cols-2, .shop-mob-cols-2, .an-shop-mobile-cols-2) ul.products:not(.is-list-view) li.product {
		width: auto !important;
		max-width: 100% !important;
		float: none !important;
	}
}
@media (max-width: 480px) {
	:is(body.shop-mob-cols-1, body.an-shop-mobile-cols-1, .shop-mob-cols-1, .an-shop-mobile-cols-1) :is(ul.products, .woocommerce ul.products, .woocommerce-page ul.products):not(.is-list-view),
	:is(body.shop-mob-cols-1, body.an-shop-mobile-cols-1, .shop-mob-cols-1, .an-shop-mobile-cols-1) ul.products:not(.is-list-view) {
		--an-pcols: 1 !important;
		grid-template-columns: 100% !important;
	}
	:is(body.shop-mob-cols-2, body.an-shop-mobile-cols-2, .shop-mob-cols-2, .an-shop-mobile-cols-2) :is(ul.products, .woocommerce ul.products, .woocommerce-page ul.products):not(.is-list-view),
	:is(body.shop-mob-cols-2, body.an-shop-mobile-cols-2, .shop-mob-cols-2, .an-shop-mobile-cols-2) ul.products:not(.is-list-view) {
		--an-pcols: 2 !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
}

/* TGDD Filter Bar: Mobile Horizontal Swipe Layout */
@media (max-width: 768px) {
	.an-tgdd-filter {
		padding: 12px 14px !important;
		margin-bottom: 18px !important;
		overflow: visible !important;
	}
	.an-tgdd-filter__bar {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
		width: 100% !important;
	}
	.an-tgdd-filter__header {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
	}
	.an-tgdd-btn--label {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		padding: 0 !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		color: var(--an-heading, #0f172a) !important;
	}
	.an-tgdd-filter__scroll {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x proximity !important;
		scrollbar-width: none !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 2px 2px 8px 2px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	.an-tgdd-filter__scroll::-webkit-scrollbar {
		display: none !important;
		height: 0 !important;
	}
	.an-tgdd-filter__scroll > * {
		flex-shrink: 0 !important;
		scroll-snap-align: start !important;
	}
	.an-tgdd-pill {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		padding: 7px 14px !important;
		font-size: 13px !important;
		white-space: nowrap !important;
		border-radius: 999px !important;
	}
	.an-tgdd-menu__header-mob {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 2px 4px 12px !important;
		border-bottom: 1px solid var(--an-border, #e2e8f0) !important;
		margin-bottom: 10px !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		color: var(--an-heading, #0f172a) !important;
	}
	.an-tgdd-menu-close {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: var(--an-surface-2, #f1f5f9) !important;
		border: none !important;
		width: 28px !important;
		height: 28px !important;
		border-radius: 50% !important;
		font-size: 20px !important;
		line-height: 1 !important;
		cursor: pointer !important;
		color: var(--an-muted, #64748b) !important;
		padding: 0 !important;
	}
	body.an-tgdd-menu-open {
		overflow: hidden !important;
	}
	body.an-tgdd-menu-open .an-tgdd-filter {
		z-index: 100030 !important;
	}
	body.an-tgdd-menu-open .an-tgdd-filter__bar {
		z-index: 100035 !important;
	}
	body.an-tgdd-menu-open .an-tgdd-filter__scroll {
		z-index: 100040 !important;
	}
	.an-tgdd-dropdown.is-open {
		z-index: 100050 !important;
	}
	.an-tgdd-dropdown.is-open .an-tgdd-menu {
		display: block !important;
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		max-height: 70vh !important;
		overflow-y: auto !important;
		background: #ffffff !important;
		border: 1px solid var(--an-border, #e2e8f0) !important;
		border-radius: 20px 20px 0 0 !important;
		box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.35) !important;
		z-index: 100060 !important;
		padding: 16px 16px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
		animation: an-tgdd-slide-up 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
		box-sizing: border-box !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	[data-theme="dark"] .an-tgdd-dropdown.is-open .an-tgdd-menu {
		background: var(--an-surface, #1e293b) !important;
	}
	.an-tgdd-backdrop {
		display: none;
		position: fixed !important;
		inset: 0 !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		background: rgba(15, 23, 42, 0.55) !important;
		z-index: 100020 !important;
		backdrop-filter: blur(3px) !important;
		-webkit-backdrop-filter: blur(3px) !important;
		cursor: pointer;
	}
	body.an-tgdd-menu-open .an-tgdd-backdrop {
		display: block !important;
	}
	.an-tgdd-menu__item {
		padding: 12px 14px !important;
		font-size: 14px !important;
		min-height: 44px !important;
		box-sizing: border-box !important;
	}
}

/* 3. Catalog View Switcher & List View */
.an-tgdd-filter__row .an-shop-views {
	margin-left: auto;
	flex-shrink: 0;
}
.an-shop-views-standalone {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products,
.woocommerce ul.products.is-list-view {
	display: flex !important;
	flex-direction: column !important;
	grid-template-columns: none !important;
	gap: 16px !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product,
.woocommerce ul.products.is-list-view li.product {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 18px 22px !important;
	gap: 24px !important;
	background: var(--an-surface, #ffffff) !important;
	border: 1px solid var(--an-border, #e2e8f0) !important;
	border-radius: var(--an-radius, 14px) !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	overflow: visible !important;
	width: 100% !important;
	margin: 0 !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products.is-list-view li.product .woocommerce-loop-product__link {
	display: grid !important;
	grid-template-columns: 180px 1fr !important;
	grid-template-rows: auto auto auto auto !important;
	grid-template-areas:
		"thumb title"
		"thumb rating"
		"thumb desc"
		"thumb price" !important;
	column-gap: 22px !important;
	row-gap: 6px !important;
	align-items: start !important;
	align-content: center !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	text-decoration: none !important;
	color: inherit !important;
	overflow: visible !important;
	margin: 0 !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .an-product-thumb-wrap,
.woocommerce ul.products.is-list-view li.product .an-product-thumb-wrap {
	grid-area: thumb !important;
	width: 180px !important;
	height: 180px !important;
	flex: 0 0 180px !important;
	margin: 0 !important;
	position: relative !important;
	border-radius: var(--an-radius-sm, 10px) !important;
	background: var(--an-surface-2, #f8fafc) !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .an-product-thumb-wrap img,
.woocommerce ul.products.is-list-view li.product .an-product-thumb-wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	padding: 10px !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products.is-list-view li.product .woocommerce-loop-product__title {
	grid-area: title !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--an-heading, #0f172a) !important;
	line-height: 1.4 !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .an-wc-catalog-rating,
.woocommerce ul.products.is-list-view li.product .an-wc-catalog-rating {
	grid-area: rating !important;
	margin: 2px 0 4px !important;
	padding: 0 !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .an-wc-loop-desc,
.woocommerce ul.products.is-list-view li.product .an-wc-loop-desc {
	grid-area: desc !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	font-size: 13.5px !important;
	color: var(--an-muted, #64748b) !important;
	line-height: 1.5 !important;
	margin: 2px 0 6px !important;
	padding: 0 !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .price,
.woocommerce ul.products.is-list-view li.product .price {
	grid-area: price !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	color: var(--an-accent-2, #ef4444) !important;
	display: flex !important;
	align-items: baseline !important;
	gap: 8px !important;
}
:is(body.an-shop-view-list, body.shop-view-mode-list) .woocommerce ul.products li.product .button,
.woocommerce ul.products.is-list-view li.product .button {
	flex: 0 0 auto !important;
	margin: 0 !important;
	min-width: 170px !important;
	height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 20px !important;
	background: var(--an-accent, #0f6e6a) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border-radius: var(--an-radius-sm, 8px) !important;
	border: 1px solid var(--an-accent, #0f6e6a) !important;
	box-shadow: 0 2px 6px rgba(15, 110, 106, 0.15) !important;
	white-space: nowrap !important;
	align-self: center !important;
	cursor: pointer !important;
}

/* Product Gallery: 1:1 Aspect Ratio Auto-Scale */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce-product-gallery {
	position: relative;
}
.woocommerce div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-viewport {
	aspect-ratio: 1 / 1 !important;
	width: 100% !important;
	border-radius: var(--an-radius-sm, 8px) !important;
	overflow: hidden !important;
	background: var(--an-surface, #ffffff) !important;
	border: 1px solid var(--an-border, #e2e8f0) !important;
	margin: 0 !important;
	position: relative !important;
}
/* When FlexSlider is NOT active (single image): */
.woocommerce div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image,
.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
	aspect-ratio: 1 / 1 !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: var(--an-surface, #ffffff) !important;
	position: relative !important;
	overflow: hidden !important;
}
/* FlexSlider sliding track (inside .flex-viewport): must allow multi-slide width without clipping */
.woocommerce div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
	width: auto;
	max-width: none !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}
/* FlexSlider individual slides: must float left and be block */
.woocommerce div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image,
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
	float: left !important;
	display: block !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}
/* Inner link & image: 1:1 scale */
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a,
.woocommerce-product-gallery .woocommerce-product-gallery__image a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 1 / 1 !important;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg),
.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important; /* Scale full khung hình 1:1 */
	display: block !important;
	margin: 0 !important;
}

/* Product Media Column */
.woocommerce div.product .an-product-panel .an-product-media-col {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	min-width: 0;
}

/* Product Specifications Table */
.an-product-specs {
	background: var(--an-surface, #ffffff);
	border: 1px solid var(--an-border, #e2e8f0);
	border-radius: var(--an-radius, 12px);
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
	margin-top: 4px;
	transition: all 0.2s ease;
}
.an-product-specs:hover {
	border-color: rgba(15, 110, 106, 0.3);
}
.an-product-specs__header {
	display: flex;
	align-items: center;
	padding: 14px 18px;
	background: var(--an-surface-2, #f8fafc);
	border-bottom: 1px solid var(--an-border, #e2e8f0);
}
.an-product-specs__title {
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--an-heading, #0f172a) !important;
	line-height: 1.3 !important;
}
.an-product-specs__count {
	font-size: 12px;
	font-weight: 600;
	color: var(--an-text-muted, #64748b);
	background: var(--an-surface, #ffffff);
	border: 1px solid var(--an-border, #e2e8f0);
	padding: 3px 9px;
	border-radius: 999px;
}
.an-product-specs__body {
	width: 100%;
	overflow: hidden;
}
.an-product-specs__table {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	border: none !important;
}
.an-product-specs__table tbody tr.an-spec-row {
	border-bottom: 1px solid var(--an-border, #f1f5f9);
	transition: background-color 0.15s ease;
}
.an-product-specs__table tbody tr.an-spec-row:last-child {
	border-bottom: none;
}
.an-product-specs__table tbody tr.an-spec-row:nth-child(even) {
	background: var(--an-surface-2, #fafafa);
}
.an-product-specs__table tbody tr.an-spec-row:hover {
	background: rgba(15, 110, 106, 0.04);
}
.an-product-specs__table td {
	padding: 11px 18px !important;
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	vertical-align: top !important;
	border: none !important;
}
.an-product-specs__table td.an-spec-name {
	width: 36%;
	font-weight: 600 !important;
	color: var(--an-heading, #0f172a) !important;
	background: rgba(0, 0, 0, 0.01);
}
.an-product-specs__table td.an-spec-value {
	color: var(--an-text, #334155) !important;
	word-break: break-word;
}
.an-product-specs__table td.an-spec-value a {
	color: var(--an-accent, #0f6e6a);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.15s ease;
}
.an-product-specs__table td.an-spec-value a:hover {
	color: var(--an-accent-2, #d97706);
}
.an-spec-row--more.is-collapsed {
	display: none !important;
}
.an-product-specs__footer {
	padding: 12px 18px;
	background: var(--an-surface, #ffffff);
	border-top: 1px solid var(--an-border, #e2e8f0);
	text-align: center;
}
.an-spec-toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 10px 16px;
	background: var(--an-surface-2, #f8fafc);
	border: 1px solid var(--an-border, #e2e8f0);
	border-radius: var(--an-radius-sm, 8px);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--an-accent, #0f6e6a);
	cursor: pointer;
	transition: all 0.2s ease;
}
.an-spec-toggle-btn:hover {
	background: var(--an-accent-soft, rgba(15, 110, 106, 0.09));
	border-color: var(--an-accent, #0f6e6a);
	color: var(--an-accent, #0f6e6a);
}
.an-spec-toggle-chevron {
	transition: transform 0.25s ease;
}
.an-spec-toggle-btn.is-active .an-spec-toggle-chevron {
	transform: rotate(180deg);
}

@media (max-width: 768px) {
	.an-product-specs {
		margin-top: 0;
		border-radius: 10px;
	}
	.an-product-specs__header {
		padding: 12px 14px;
	}
	.an-product-specs__title {
		font-size: 14px !important;
	}
	.an-product-specs__table td {
		padding: 9px 12px !important;
		font-size: 13px !important;
	}
	.an-product-specs__table td.an-spec-name {
		width: 42%;
	}
	.an-product-specs__footer {
		padding: 10px 14px;
	}
	.an-spec-toggle-btn {
		font-size: 13px;
		padding: 9px 14px;
	}
}

/* 4. Single Product Layout Variations */
:is(body.an-single-prod-layout-standard, body.single-product-layout--standard, .an-product-panel--standard) .an-product-panel,
.woocommerce div.product .an-product-panel--standard {
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
	gap: 40px !important;
}
/* Layout: Vertical Thumbnails on the left */
:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery,
.an-product-panel--vertical_thumbs .woocommerce-product-gallery {
	display: grid !important;
	grid-template-columns: 80px minmax(0, 1fr) !important;
	gap: 16px !important;
	align-items: stretch !important;
	position: relative !important;
}
:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav),
.an-product-panel--vertical_thumbs .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) {
	grid-column: 1 !important;
	grid-row: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	width: 80px !important;
	max-width: 80px !important;
	min-width: 80px !important;
	height: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 10px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	scrollbar-width: thin !important;
	box-sizing: border-box !important;
}
:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav):has(li:nth-child(4)),
.an-product-panel--vertical_thumbs .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav):has(li:nth-child(4)) {
	justify-content: space-between !important;
}
:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li,
.an-product-panel--vertical_thumbs .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li {
	width: 80px !important;
	max-width: 80px !important;
	min-width: 80px !important;
	height: 80px !important;
	flex: 0 0 80px !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	cursor: pointer !important;
	list-style: none !important;
}
:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img,
.an-product-panel--vertical_thumbs .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img {
	width: 80px !important;
	height: 80px !important;
	max-width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	border-radius: var(--an-radius-sm, 8px) !important;
	border: 2px solid var(--an-border, #e2e8f0) !important;
	opacity: 0.7 !important;
	transition: all .2s ease !important;
	display: block !important;
}
:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img:is(.flex-active, :hover),
.an-product-panel--vertical_thumbs .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img:is(.flex-active, :hover) {
	border-color: var(--an-accent, #0f6e6a) !important;
	opacity: 1 !important;
	box-shadow: 0 2px 8px rgba(var(--an-accent-rgb), 0.2) !important;
	transform: scale(1.02);
}
:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery > :is(.flex-viewport, .woocommerce-product-gallery__wrapper),
.an-product-panel--vertical_thumbs .woocommerce-product-gallery > :is(.flex-viewport, .woocommerce-product-gallery__wrapper) {
	grid-column: 2 !important;
	grid-row: 1 !important;
	min-width: 0 !important;
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	margin: 0 !important;
	border-radius: var(--an-radius-sm, 8px) !important;
	border: 1px solid var(--an-border, #e2e8f0) !important;
	background: var(--an-surface-2, #f8fafc) !important;
	overflow: hidden !important;
	position: relative !important;
}

/* Lightbox trigger positioning inside gallery */
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	z-index: 10 !important;
}

@media (max-width: 991px) {
	:is(
		body.an-single-prod-layout-standard,
		body.single-product-layout--standard,
		body.an-single-prod-layout-vertical_thumbs,
		body.single-product-layout--vertical_thumbs,
		body.single-product-layout--boxed,
		body.an-single-prod-layout-boxed,
		.an-product-panel--standard,
		.an-product-panel--vertical_thumbs,
		.an-single-prod-layout-standard,
		.an-single-prod-layout-vertical_thumbs
	) .an-product-panel,
	.woocommerce div.product .an-product-panel,
	.woocommerce div.product .an-product-panel--standard,
	.woocommerce div.product .an-product-panel--vertical_thumbs {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: 100% !important;
		gap: 28px !important;
		padding: 20px !important;
		margin-bottom: 28px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.woocommerce div.product .an-product-panel > * {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.woocommerce div.product .an-product-panel div.images.woocommerce-product-gallery,
	.woocommerce div.product .an-product-panel div.summary {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery,
	.an-product-panel--vertical_thumbs .woocommerce-product-gallery {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: 100% !important;
		width: 100% !important;
		gap: 0 !important;
	}
	/* Single Product: Mobile & Tablet Thumbnails Slider (Trượt ngang) for all layouts */
	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav),
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) {
		grid-column: auto !important;
		grid-row: auto !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		max-height: none !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-snap-type: x mandatory !important;
		gap: 10px !important;
		padding: 6px 2px 10px !important;
		margin: 12px 0 0 !important;
		order: 2 !important;
		scrollbar-width: thin !important;
		box-sizing: border-box !important;
	}
	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav)::-webkit-scrollbar,
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav)::-webkit-scrollbar {
		height: 4px;
	}
	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav)::-webkit-scrollbar-thumb,
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav)::-webkit-scrollbar-thumb {
		background: var(--an-border-strong, #cbd5e1);
		border-radius: 4px;
	}
	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li,
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li {
		flex: 0 0 72px !important;
		width: 72px !important;
		max-width: 72px !important;
		min-width: 72px !important;
		height: 72px !important;
		scroll-snap-align: start !important;
		float: none !important;
		margin: 0 !important;
		list-style: none !important;
	}
	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img,
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img {
		width: 72px !important;
		height: 72px !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover !important;
		border-radius: var(--an-radius-sm, 8px) !important;
		border: 2px solid var(--an-border, #e2e8f0) !important;
		display: block !important;
		opacity: 0.75;
		transition: all .2s ease;
	}
	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img:is(.flex-active, :hover),
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img:is(.flex-active, :hover) {
		border-color: var(--an-accent, #0f6e6a) !important;
		opacity: 1 !important;
		box-shadow: 0 2px 8px rgba(var(--an-accent-rgb), 0.2) !important;
	}
	:is(body.an-single-prod-layout-vertical_thumbs, body.single-product-layout--vertical_thumbs, .an-single-prod-layout-vertical_thumbs, .single-product-layout--vertical_thumbs, .an-product-panel--vertical_thumbs) .woocommerce-product-gallery > :is(.flex-viewport, .woocommerce-product-gallery__wrapper),
	.an-product-panel--vertical_thumbs .woocommerce-product-gallery > :is(.flex-viewport, .woocommerce-product-gallery__wrapper) {
		grid-column: auto !important;
		grid-row: auto !important;
		order: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
	}

	.woocommerce div.product div.summary .product_title {
		font-size: 22px !important;
		line-height: 1.35 !important;
		margin-bottom: 12px !important;
	}

	.woocommerce div.product div.summary .price {
		font-size: 22px !important;
		margin-bottom: 14px !important;
	}
}

@media (max-width: 640px) {
	:is(
		body.an-single-prod-layout-standard,
		body.single-product-layout--standard,
		body.an-single-prod-layout-vertical_thumbs,
		body.single-product-layout--vertical_thumbs,
		body.single-product-layout--boxed,
		body.an-single-prod-layout-boxed,
		.an-product-panel--standard,
		.an-product-panel--vertical_thumbs,
		.an-single-prod-layout-standard,
		.an-single-prod-layout-vertical_thumbs
	) .an-product-panel,
	.woocommerce div.product .an-product-panel,
	.woocommerce div.product .an-product-panel--standard,
	.woocommerce div.product .an-product-panel--vertical_thumbs {
		padding: 14px !important;
		gap: 16px !important;
		margin-bottom: 20px !important;
		border-radius: var(--an-radius-sm, 8px) !important;
	}

	.woocommerce div.product div.summary .product_title {
		font-size: 19px !important;
		line-height: 1.3 !important;
		margin-bottom: 10px !important;
	}

	.woocommerce div.product div.summary .price {
		font-size: 20px !important;
		margin-bottom: 12px !important;
	}

	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li,
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li {
		flex: 0 0 62px !important;
		width: 62px !important;
		max-width: 62px !important;
		min-width: 62px !important;
		height: 62px !important;
	}

	.woocommerce div.product .woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img,
	.woocommerce-product-gallery :is(.flex-control-thumbs, ol.flex-control-nav) li img {
		width: 62px !important;
		height: 62px !important;
	}
}

/* Disabled Product Image Zoom */
body.an-no-product-zoom .woocommerce-product-gallery__image .zoomImg,
body.an-no-product-zoom .zoomImg {
	display: none !important;
	pointer-events: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}
body.an-no-product-zoom .woocommerce-product-gallery__image {
	pointer-events: auto !important;
	cursor: default !important;
}

/* Tabs: Default Underline Style */
:is(body.single-tabs-style--default, body.an-single-tabs-default) .woocommerce div.product .woocommerce-tabs ul.tabs {
	gap: 16px !important;
	border-bottom: 2px solid var(--an-border, #e2e8f0) !important;
}
:is(body.single-tabs-style--default, body.an-single-tabs-default) .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	border-radius: 0 !important;
	background: transparent !important;
	position: relative !important;
	padding: 10px 6px 14px !important;
}
:is(body.single-tabs-style--default, body.an-single-tabs-default) .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--an-accent, #0f6e6a) !important;
}
:is(body.single-tabs-style--default, body.an-single-tabs-default) .woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after {
	content: '';
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--an-accent, #0f6e6a);
	border-radius: 3px 3px 0 0;
}

/* Tabs: Pills Style */
:is(body.single-tabs-style--pills, body.an-single-tabs-pills) .woocommerce div.product .woocommerce-tabs {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}
:is(body.single-tabs-style--pills, body.an-single-tabs-pills) .woocommerce div.product .woocommerce-tabs ul.tabs {
	border-bottom: none !important;
	gap: 10px !important;
	margin-bottom: 20px !important;
	padding-bottom: 0 !important;
}
:is(body.single-tabs-style--pills, body.an-single-tabs-pills) .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	background: var(--an-surface-2, #f1f5f9) !important;
	border: 1.5px solid var(--an-border, #e2e8f0) !important;
	border-radius: 999px !important;
	padding: 10px 22px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}
:is(body.single-tabs-style--pills, body.an-single-tabs-pills) .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	background: var(--an-accent, #0f6e6a) !important;
	border-color: var(--an-accent, #0f6e6a) !important;
	color: var(--an-accent-ink, #ffffff) !important;
	box-shadow: 0 4px 14px rgba(var(--an-accent-rgb), 0.3) !important;
}
:is(body.single-tabs-style--pills, body.an-single-tabs-pills) .woocommerce div.product .woocommerce-tabs .panel {
	background: var(--an-surface, #ffffff);
	border: 1px solid var(--an-border, #e2e8f0);
	border-radius: var(--an-radius, 12px);
	padding: 28px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

/* Tabs: Accordion Style */
:is(body.single-tabs-style--accordion, body.an-single-tabs-accordion) .woocommerce div.product .woocommerce-tabs {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}
:is(body.single-tabs-style--accordion, body.an-single-tabs-accordion) .woocommerce div.product .woocommerce-tabs ul.tabs {
	display: none !important;
}
.an-accordion-tab-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 18px 24px;
	font-size: 16px;
	font-weight: 700;
	color: var(--an-heading, #0f172a);
	background: var(--an-surface, #ffffff);
	border: 1px solid var(--an-border, #e2e8f0);
	border-radius: var(--an-radius, 12px);
	cursor: pointer;
	text-align: left;
	margin-bottom: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
	transition: all .2s ease;
	box-sizing: border-box;
}
.an-accordion-tab-toggle:hover {
	background: var(--an-surface-2, #f8fafc);
	border-color: var(--an-border-hover, #cbd5e1);
}
.an-accordion-tab-toggle.is-active {
	background: var(--an-surface, #ffffff);
	border-color: var(--an-accent, #0f6e6a);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
	color: var(--an-accent, #0f6e6a);
	box-shadow: 0 4px 14px rgba(var(--an-accent-rgb), 0.08);
}
.an-accordion-tab-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .25s ease;
	color: var(--an-text-muted, #64748b);
}
.an-accordion-tab-toggle.is-active .an-accordion-tab-icon {
	transform: rotate(180deg);
	color: var(--an-accent, #0f6e6a);
}
:is(body.single-tabs-style--accordion, body.an-single-tabs-accordion) .woocommerce div.product .woocommerce-tabs .panel {
	background: var(--an-surface, #ffffff);
	border: 1px solid var(--an-accent, #0f6e6a);
	border-top: none;
	border-bottom-left-radius: var(--an-radius, 12px);
	border-bottom-right-radius: var(--an-radius, 12px);
	padding: 24px 26px;
	margin-bottom: 14px;
	box-shadow: 0 4px 14px rgba(var(--an-accent-rgb), 0.05);
}

/* 5. Sticky Add to Cart Bar */
.an-sticky-cart {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10005 !important;
	background: var(--an-surface, #ffffff);
	border-top: 1px solid var(--an-border, #e2e8f0);
	box-shadow: 0 -6px 24px rgba(15, 23, 42, 0.12);
	transform: translateY(115%);
	transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1);
	padding: 10px 0;
	box-sizing: border-box;
}
.an-sticky-cart.is-visible {
	transform: translateY(0) !important;
}
@media (max-width: 768px) {
	.an-sticky-cart {
		padding: 8px 14px;
		padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
	}
	body:has(.an-sticky-cart.is-visible) .an-sticky-footer-menu,
	body.an-has-sticky-cart-visible .an-sticky-footer-menu {
		transform: translateY(115%) !important;
		pointer-events: none !important;
	}
}

/* 6. Single Product Buy Now & Add to Cart on Mobile & Tablet */
.single-product .woocommerce div.product form.cart button[type="submit"].single_add_to_cart_button,
.an-btn--buy-now,
.an-buy-now-btn {
	min-height: 48px;
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	font-size: 14.5px;
	font-weight: 700;
	border-radius: var(--an-radius-sm, 8px) !important;
	line-height: 1.35;
	box-sizing: border-box;
}
@media (max-width: 860px) {
	.woocommerce div.product form.cart {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
		margin: 20px 0 24px !important;
	}
	.woocommerce div.product form.cart .quantity {
		width: 100% !important;
		justify-content: center !important;
		margin: 0 0 4px !important;
	}
	.woocommerce div.product form.cart button[type="submit"].single_add_to_cart_button,
	.an-btn--buy-now,
	.an-buy-now-btn {
		width: 100% !important;
		min-width: 100% !important;
		flex: none !important;
		flex-shrink: 0 !important;
		min-height: 48px !important;
		height: auto !important;
		padding: 13px 20px !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		border-radius: var(--an-radius-sm, 8px) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		text-align: center !important;
		line-height: 1.35 !important;
		margin: 0 !important;
	}
	.an-buy-now-btn svg,
	.an-btn--buy-now svg {
		width: 18px !important;
		height: 18px !important;
		min-width: 18px !important;
		min-height: 18px !important;
		flex-shrink: 0 !important;
		display: inline-block !important;
	}
}

/* AINews Builder & WooCommerce Responsive Utilities */
@media (min-width: 1025px) {
	.anb-hide-desk { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
	.anb-hide-tab { display: none !important; }
}
@media (max-width: 768px) {
	.anb-hide-mob { display: none !important; }
}

.an-products-widget ul.products {
	grid-template-columns: repeat(var(--anb-cols-desk, var(--an-pcols, 4)), minmax(0, 1fr)) !important;
}
@media (max-width: 1024px) {
	.an-products-widget ul.products {
		grid-template-columns: repeat(var(--anb-cols-tab, 3), minmax(0, 1fr)) !important;
		gap: 16px !important;
	}
}
@media (max-width: 768px) {
	.an-products-widget ul.products {
		grid-template-columns: repeat(var(--anb-cols-mob, 2), minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
}

/* Call to Action with Background */
.anb-cta__content { position: relative; z-index: 2; }
.anb-cta__overlay { position: absolute; inset: 0; background: rgba(15, 23, 42, .68); z-index: 1; pointer-events: none; }
.anb-cta--has-bg { color: #fff !important; background-color: #0f172a; }
.anb-cta--has-bg .anb-cta__title { color: #fff !important; }
.anb-cta--has-bg .anb-cta__text { color: rgba(255, 255, 255, .92) !important; }

/* FAQ Styles */
.anb-faq-header { margin-bottom: 24px; text-align: left; }
.anb-faq-header__title { font-size: clamp(22px, 3vw, 28px); font-weight: 700; margin: 0 0 8px; color: var(--an-heading); }
.anb-faq-header__subtitle { font-size: 15px; color: var(--an-muted); margin: 0; line-height: 1.5; }
.anb-faq { display: flex; flex-direction: column; gap: 14px; }
.anb-faq__item { transition: all .2s var(--an-ease); }
.anb-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; user-select: none; }
.anb-faq__q::-webkit-details-marker { display: none; }
.anb-faq__q-text { font-size: 16px; font-weight: 600; color: var(--an-heading); line-height: 1.45; transition: color .2s var(--an-ease); }
.anb-faq__q:hover .anb-faq__q-text { color: var(--an-accent); }
.anb-faq__icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--an-surface-2);
	color: var(--an-heading);
	border: 1px solid var(--an-border);
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.anb-faq__icon::after {
	content: none !important;
	display: none !important;
}
.anb-faq__arrow {
	width: 16px;
	height: 16px;
	display: block;
	stroke: currentColor;
	transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1);
	transform-origin: center center;
}
.anb-faq__q:hover .anb-faq__icon {
	background: var(--an-accent);
	color: #ffffff;
	border-color: var(--an-accent);
}
.anb-faq__item[open] .anb-faq__icon {
	background: var(--an-accent);
	color: #ffffff;
	border-color: var(--an-accent);
}
.anb-faq__item[open] .anb-faq__arrow {
	transform: rotate(180deg);
}
.anb-faq__a { color: var(--an-text); font-size: 15px; line-height: 1.65; animation: an-fade-up .25s var(--an-ease); }
.anb-faq__a-inner { padding-top: 4px; }
.anb-faq--card .anb-faq__item { background: var(--an-surface); border: 1px solid var(--an-border); border-radius: var(--an-radius); overflow: hidden; }
.anb-faq--card .anb-faq__item[open] { border-color: var(--an-accent); box-shadow: 0 4px 18px rgba(0, 0, 0, .05); }
.anb-faq--card .anb-faq__q { padding: 18px 22px; }
.anb-faq--card .anb-faq__a { padding: 0 22px 20px; }
.anb-faq--minimal { gap: 0; }
.anb-faq--minimal .anb-faq__item { border-bottom: 1px solid var(--an-border); border-radius: 0; background: transparent; }
.anb-faq--minimal .anb-faq__q { padding: 18px 0; }
.anb-faq--minimal .anb-faq__a { padding: 0 0 18px; }
.anb-faq--filled .anb-faq__item { background: var(--an-surface-2); border: none; border-radius: var(--an-radius); }
.anb-faq--filled .anb-faq__item[open] { background: var(--an-surface); box-shadow: 0 4px 16px rgba(0, 0, 0, .06); }
.anb-faq--filled .anb-faq__q { padding: 18px 22px; }
.anb-faq--filled .anb-faq__a { padding: 0 22px 20px; }
.anb-faq--highlight .anb-faq__item { background: var(--an-surface); border: 1px solid var(--an-border); border-left: 4px solid var(--an-border-strong); border-radius: 0 var(--an-radius) var(--an-radius) 0; }
.anb-faq--highlight .anb-faq__item[open] { border-left-color: var(--an-accent); border-color: var(--an-accent); box-shadow: 0 4px 16px rgba(0, 0, 0, .05); }
.anb-faq--highlight .anb-faq__q { padding: 18px 22px; }
.anb-faq--highlight .anb-faq__a { padding: 0 22px 20px; }
.anb-faq--grid_2col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.anb-faq--grid_2col .anb-faq__item { background: var(--an-surface); border: 1px solid var(--an-border); border-radius: var(--an-radius); height: fit-content; }
.anb-faq--grid_2col .anb-faq__item[open] { border-color: var(--an-accent); box-shadow: 0 4px 16px rgba(0, 0, 0, .05); }
.anb-faq--grid_2col .anb-faq__q { padding: 16px 20px; }
.anb-faq--grid_2col .anb-faq__a { padding: 0 20px 18px; }
@media (max-width: 768px) { .anb-faq--grid_2col { grid-template-columns: 1fr; } }

/* Table Module Styles */
.anb-table-container { margin: 24px 0; position: relative; width: 100%; max-width: 100%; box-sizing: border-box; }
.anb-table__header { margin-bottom: 16px; }
.anb-table__title { font-size: clamp(20px, 2.5vw, 24px); font-weight: 700; margin: 0 0 6px; color: var(--an-heading); }
.anb-table__subtitle { font-size: 14.5px; color: var(--an-muted); margin: 0; }
.anb-table__scroll-wrap { width: 100%; max-width: 100%; border-radius: var(--an-radius); background: var(--an-surface); position: relative; overflow-x: auto !important; overflow-y: hidden; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
.anb-table--scroll .anb-table__scroll-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.anb-table { width: 100%; min-width: max(100%, calc(var(--anb-table-cols, 4) * 140px)); border-collapse: collapse; border-spacing: 0; font-size: 14.5px; line-height: 1.55; text-align: left; }
.anb-table--align-center .anb-table th, .anb-table--align-center .anb-table td { text-align: center; }
.anb-table th, .anb-table td { padding: 14px 18px; vertical-align: middle; border: 1px solid var(--an-border); word-break: normal; overflow-wrap: break-word; box-sizing: border-box; }
.anb-table th { font-weight: 700; color: var(--an-heading); background: var(--an-surface-2); }
.anb-table td { color: var(--an-text); }
.anb-table a { color: var(--an-accent, #0f6e6a); text-decoration: underline; text-underline-offset: 3px; font-weight: 500; transition: color 0.15s ease, opacity 0.15s ease; }
.anb-table a:hover { color: var(--an-accent-2, #d97706); opacity: 0.95; }
.anb-table thead th a { color: inherit; text-decoration: underline; }
.anb-table--head-accent thead th a { color: var(--an-accent-ink, #ffffff); text-decoration: underline; }
.anb-table--dark_executive a { color: #38bdf8; }
.anb-table--dark_executive a:hover { color: #7dd3fc; }
.anb-cmp-val--text a { color: var(--an-accent, #0f6e6a); text-decoration: underline; text-underline-offset: 2px; }
.anb-cmp-val--text a:hover { color: var(--an-accent-2, #d97706); }
.anb-table--first-bold .anb-table tbody tr td:first-child, .anb-table--first-bold .anb-table tbody tr th:first-child { font-weight: 600; color: var(--an-heading); }
.anb-table--hover .anb-table tbody tr:hover td { background: var(--an-surface-2); }
.anb-table__caption { margin-top: 10px; font-size: 13px; color: var(--an-muted); font-style: italic; }

/* Mobile scroll hint */
.anb-table__mobile-hint { display: none; align-items: center; justify-content: flex-end; gap: 6px; font-size: 12px; color: var(--an-muted); margin-bottom: 8px; font-weight: 500; }
.anb-table__hint-icon { font-weight: 700; letter-spacing: 1px; color: var(--an-accent); }
@media (max-width: 768px) {
	.anb-table__mobile-hint { display: flex; }
	.anb-table th, .anb-table td { padding: 11px 13px; font-size: 13.5px; }
}

/* Custom horizontal scrollbar */
.anb-table__scroll-wrap::-webkit-scrollbar { height: 6px; }
.anb-table__scroll-wrap::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.04); border-radius: 4px; }
.anb-table__scroll-wrap::-webkit-scrollbar-thumb { background: rgba(var(--an-accent-rgb, 15, 110, 106), 0.35); border-radius: 4px; }
.anb-table__scroll-wrap::-webkit-scrollbar-thumb:hover { background: var(--an-accent, #0f6e6a); }

/* Table cell utilities */
.anb-table-cell--align-left { text-align: left !important; }
.anb-table-cell--align-center { text-align: center !important; }
.anb-table-cell--align-right { text-align: right !important; }
.anb-table-cell--highlight { background: rgba(var(--an-accent-rgb, 15, 110, 106), 0.08) !important; font-weight: 600; color: var(--an-accent) !important; }
.anb-table-badge { display: inline-block; font-size: 10.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px; background: var(--an-accent, #0f6e6a); color: #ffffff; margin-left: 6px; vertical-align: middle; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.02em; }

/* Table Header Theme Variants */
.anb-table--head-accent .anb-table thead th { background: var(--an-accent); color: var(--an-accent-ink, #ffffff); border-color: var(--an-accent); }
.anb-table--head-dark .anb-table thead th { background: #0f172a; color: #ffffff; border-color: #1e293b; }
.anb-table--head-subtle .anb-table thead th { background: var(--an-surface-2); color: var(--an-heading); }

/* Table Style Variants (Ensure overflow-x is never hidden!) */
.anb-table--modern_striped .anb-table__scroll-wrap { border: 1px solid var(--an-border); overflow-x: auto !important; overflow-y: hidden; }
.anb-table--modern_striped .anb-table tbody tr:nth-child(even) td { background: rgba(0, 0, 0, 0.02); }
.anb-table--minimal_clean .anb-table__scroll-wrap { border: none; background: transparent; overflow-x: auto !important; overflow-y: hidden; }
.anb-table--minimal_clean .anb-table th, .anb-table--minimal_clean .anb-table td { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid var(--an-border); background: transparent; }
.anb-table--minimal_clean .anb-table thead th { border-bottom: 2px solid var(--an-border-strong); }
.anb-table--bordered_card .anb-table__scroll-wrap { border: 1px solid var(--an-border); border-radius: var(--an-radius); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); overflow-x: auto !important; overflow-y: hidden; }
.anb-table--pricing_comparison .anb-table__scroll-wrap { border: 1px solid var(--an-border); border-radius: var(--an-radius); overflow-x: auto !important; overflow-y: hidden; }
.anb-table--pricing_comparison .anb-table th, .anb-table--pricing_comparison .anb-table td { padding: 16px 20px; border-color: var(--an-border); }
.anb-table--pricing_comparison .anb-table thead th { font-size: 15px; letter-spacing: 0.03em; }
.anb-table--pricing_comparison .anb-table tbody tr:last-child td { font-weight: 700; color: var(--an-accent); }
.anb-table--dark_executive .anb-table__scroll-wrap { background: #0b1120; border: 1px solid #1e293b; border-radius: var(--an-radius); overflow-x: auto !important; overflow-y: hidden; }
.anb-table--dark_executive .anb-table th { background: #0f172a; color: #f8fafc; border-color: #334155; }
.anb-table--dark_executive .anb-table td { color: #cbd5e1; border-color: #1e293b; }
.anb-table--dark_executive .anb-table tbody tr:nth-child(even) td { background: #0f172a; }
.anb-table--dark_executive .anb-table tbody tr:hover td { background: #1e293b; color: #ffffff; }

/* Related Products & Up-sells Sections */
.woocommerce div.product section.related.products,
.woocommerce div.product section.upsells.products {
	margin-top: 48px;
	clear: both;
}
.woocommerce div.product section.related.products > h2,
.woocommerce div.product section.upsells.products > h2 {
	font-size: 22px;
	font-weight: 700;
	color: var(--an-heading, #0f172a);
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--an-border, #e2e8f0);
}

.woocommerce div.product section.related.products ul.products,
.woocommerce div.product section.upsells.products ul.products {
	--an-pcols: var(--an-rel-cols-desk, 4) !important;
	display: grid !important;
	grid-template-columns: repeat(var(--an-pcols), minmax(0, 1fr)) !important;
	gap: 20px;
}
@media (max-width: 991px) {
	.woocommerce div.product section.related.products ul.products,
	.woocommerce div.product section.upsells.products ul.products {
		--an-pcols: var(--an-rel-cols-tab, 3) !important;
		grid-template-columns: repeat(var(--an-pcols), minmax(0, 1fr)) !important;
		gap: 16px;
	}
}
@media (max-width: 640px) {
	.woocommerce div.product section.related.products ul.products,
	.woocommerce div.product section.upsells.products ul.products {
		--an-pcols: var(--an-rel-cols-mob, 2) !important;
		grid-template-columns: repeat(var(--an-pcols), minmax(0, 1fr)) !important;
		gap: 12px;
	}
}

body.an-rel-cols-desk-2 .woocommerce div.product section.related.products ul.products { --an-pcols: 2 !important; }
body.an-rel-cols-desk-3 .woocommerce div.product section.related.products ul.products { --an-pcols: 3 !important; }
body.an-rel-cols-desk-4 .woocommerce div.product section.related.products ul.products { --an-pcols: 4 !important; }
body.an-rel-cols-desk-5 .woocommerce div.product section.related.products ul.products { --an-pcols: 5 !important; }
body.an-rel-cols-desk-6 .woocommerce div.product section.related.products ul.products { --an-pcols: 6 !important; }

@media (max-width: 991px) {
	body.an-rel-cols-tab-1 .woocommerce div.product section.related.products ul.products { --an-pcols: 1 !important; }
	body.an-rel-cols-tab-2 .woocommerce div.product section.related.products ul.products { --an-pcols: 2 !important; }
	body.an-rel-cols-tab-3 .woocommerce div.product section.related.products ul.products { --an-pcols: 3 !important; }
	body.an-rel-cols-tab-4 .woocommerce div.product section.related.products ul.products { --an-pcols: 4 !important; }
}

@media (max-width: 640px) {
	body.an-rel-cols-mob-1 .woocommerce div.product section.related.products ul.products { --an-pcols: 1 !important; }
	body.an-rel-cols-mob-2 .woocommerce div.product section.related.products ul.products { --an-pcols: 2 !important; }
}

/* ==========================================================
   Proceed to Checkout Button & Cart Action Buttons
   ========================================================== */
:is(
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-cart .wc-proceed-to-checkout a.button,
	.woocommerce-cart .wc-proceed-to-checkout .button.checkout,
	.woocommerce-cart a.checkout-button,
	.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-page .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit-button,
	.wp-block-woocommerce-cart .wc-block-components-checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit a,
	.wp-block-woocommerce-cart a.wc-block-cart__submit-button,
	.wp-block-woocommerce-cart a.wc-block-components-checkout-button,
	.wc-block-cart__submit-container .wc-block-components-checkout-button,
	.wc-block-cart__submit-container a,
	.wc-block-cart__submit-container button,
	.wc-block-components-checkout-button,
	.wc-block-cart__submit-button,
	a.wc-block-components-checkout-button,
	a.wc-block-cart__submit-button,
	button.wc-block-components-checkout-button
) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 50px !important;
	padding: 14px 28px !important;
	background: var(--an-accent, #0f6e6a) !important;
	background-color: var(--an-accent, #0f6e6a) !important;
	color: var(--an-accent-ink, #ffffff) !important;
	border: 1.5px solid var(--an-accent, #0f6e6a) !important;
	border-radius: var(--an-radius-sm, 8px) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: center !important;
	text-decoration: none !important;
	letter-spacing: 0.2px !important;
	box-shadow: 0 4px 14px rgba(var(--an-accent-rgb), 0.22) !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

:is(
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-cart .wc-proceed-to-checkout a.button,
	.woocommerce-cart .wc-proceed-to-checkout .button.checkout,
	.woocommerce-cart a.checkout-button,
	.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-page .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit-button,
	.wp-block-woocommerce-cart .wc-block-components-checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit a,
	.wp-block-woocommerce-cart a.wc-block-cart__submit-button,
	.wp-block-woocommerce-cart a.wc-block-components-checkout-button,
	.wc-block-cart__submit-container .wc-block-components-checkout-button,
	.wc-block-cart__submit-container a,
	.wc-block-cart__submit-container button,
	.wc-block-components-checkout-button,
	.wc-block-cart__submit-button,
	a.wc-block-components-checkout-button,
	a.wc-block-cart__submit-button,
	button.wc-block-components-checkout-button
):hover,
:is(
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-cart .wc-proceed-to-checkout a.button,
	.woocommerce-cart .wc-proceed-to-checkout .button.checkout,
	.woocommerce-cart a.checkout-button,
	.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-page .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit-button,
	.wp-block-woocommerce-cart .wc-block-components-checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit a,
	.wp-block-woocommerce-cart a.wc-block-cart__submit-button,
	.wp-block-woocommerce-cart a.wc-block-components-checkout-button,
	.wc-block-cart__submit-container .wc-block-components-checkout-button,
	.wc-block-cart__submit-container a,
	.wc-block-cart__submit-container button,
	.wc-block-components-checkout-button,
	.wc-block-cart__submit-button,
	a.wc-block-components-checkout-button,
	a.wc-block-cart__submit-button,
	button.wc-block-components-checkout-button
):focus {
	background: var(--an-accent-hover, #0b5451) !important;
	background-color: var(--an-accent-hover, #0b5451) !important;
	border-color: var(--an-accent-hover, #0b5451) !important;
	color: var(--an-accent-ink, #ffffff) !important;
	box-shadow: 0 6px 20px rgba(var(--an-accent-rgb), 0.32) !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}

:is(
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-cart .wc-proceed-to-checkout a.button,
	.woocommerce-cart .wc-proceed-to-checkout .button.checkout,
	.woocommerce-cart a.checkout-button,
	.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-page .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit-button,
	.wp-block-woocommerce-cart .wc-block-components-checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit a,
	.wp-block-woocommerce-cart a.wc-block-cart__submit-button,
	.wp-block-woocommerce-cart a.wc-block-components-checkout-button,
	.wc-block-cart__submit-container .wc-block-components-checkout-button,
	.wc-block-cart__submit-container a,
	.wc-block-cart__submit-container button,
	.wc-block-components-checkout-button,
	.wc-block-cart__submit-button,
	a.wc-block-components-checkout-button,
	a.wc-block-cart__submit-button,
	button.wc-block-components-checkout-button
):active {
	transform: translateY(0) !important;
	box-shadow: 0 2px 8px rgba(var(--an-accent-rgb), 0.2) !important;
}

/* Ensure all text / child elements inside the button use accessible ink */
:is(
	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
	.woocommerce-cart .wc-proceed-to-checkout a.button,
	.woocommerce-cart .wc-proceed-to-checkout .button.checkout,
	.woocommerce-cart a.checkout-button,
	.wp-block-woocommerce-cart .wc-block-cart__submit-button,
	.wp-block-woocommerce-cart .wc-block-components-checkout-button,
	.wc-block-components-checkout-button,
	.wc-block-cart__submit-button
) :is(.wc-block-components-button__text, span, strong, a) {
	color: var(--an-accent-ink, #ffffff) !important;
	text-decoration: none !important;
}

/* ==========================================================
 * Archive Product Header (Synchronized Filter Card Style)
 * ========================================================== */
.woocommerce-products-header,
.an-archive-header-card {
	position: relative;
	background: var(--an-surface, #ffffff);
	border: 1px solid var(--an-border, #e2e8f0);
	border-radius: var(--an-radius, 12px);
	padding: 16px 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}
.woocommerce-products-header .woocommerce-products-header__title,
.woocommerce-products-header .page-title,
.an-archive-header-card .page-title {
	font-size: 22px;
	font-weight: 800;
	color: var(--an-heading, #0f172a);
	margin: 0 0 6px 0;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.woocommerce-products-header .page-description,
.woocommerce-products-header .term-description,
.an-archive-header-card .page-description,
.an-archive-header-card .term-description {
	font-size: 13.5px;
	color: var(--an-muted, #64748b);
	margin: 0;
	line-height: 1.6;
}
.woocommerce-products-header .page-description p:last-child,
.woocommerce-products-header .term-description p:last-child,
.an-archive-header-card .page-description p:last-child,
.an-archive-header-card .term-description p:last-child {
	margin-bottom: 0;
}

/* ==========================================================
 * AINews Page Settings - Layout & Display Modifiers
 * ========================================================== */

/* 1. Content Container Modifiers */
.an-container.an-container--fluid,
.an-container.an-container--full-width {
	width: 100% !important;
	max-width: 100% !important;
	padding-inline: clamp(16px, 3vw, 40px);
}

.an-container.an-container--contained {
	width: min(100% - 32px, 1140px) !important;
	max-width: 1140px !important;
	margin-inline: auto !important;
}

/* 2. Narrow Layout Modifier */
.an-layout.an-layout--narrow {
	max-width: 820px !important;
	margin-inline: auto !important;
	display: block !important;
}

.an-layout.an-layout--narrow .an-content,
.an-layout.an-layout--narrow > article {
	width: 100% !important;
	max-width: 100% !important;
}

.an-layout.an-layout--narrow .an-sidebar,
.an-layout.an-layout--no-sidebar .an-sidebar {
	display: none !important;
}

/* 3. Header Transparent & Layout Modifiers */
.an-header.an-header--transparent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: transparent !important;
	z-index: 100;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: none !important;
}

.an-header.an-header--full-width .an-container,
.an-header.an-header--full-width > .an-container {
	max-width: 100% !important;
	width: 100% !important;
	padding-inline: clamp(16px, 3vw, 40px);
}

.an-header.an-header--contained .an-container,
.an-header.an-header--contained > .an-container {
	max-width: 1140px !important;
	margin-inline: auto !important;
}

/* 4. Disable Elements Rules */
body.an-page--title-disabled .an-entry-header,
body.an-page--title-disabled .an-page__title,
body.an-page--title-disabled .page-title,
body.an-page--title-disabled .entry-title,
body.an-page--title-disabled .an-entry-title,
body.an-page--title-disabled h1.screen-reader-text {
	display: none !important;
}

body.an-page--breadcrumb-disabled .an-breadcrumbs {
	display: none !important;
}

body.an-page--featured-image-disabled .an-entry-thumb {
	display: none !important;
}

/* Disable Header Desktop */
@media (min-width: 992px) {
	body.an-page--disable-header-desktop #an-header,
	body.an-page--disable-header-desktop .an-header,
	body.an-page--disable-header-desktop .an-topbar {
		display: none !important;
	}
}

/* Disable Header Mobile */
@media (max-width: 991.98px) {
	body.an-page--disable-header-mobile #an-header,
	body.an-page--disable-header-mobile .an-header,
	body.an-page--disable-header-mobile .an-topbar,
	body.an-page--disable-header-mobile #an-mobile-drawer,
	body.an-page--disable-header-mobile .an-mobile-drawer {
		display: none !important;
	}
}