/* ============================================================
   Argon Sanat — components
   Loaded after style.css (design tokens + base).
   Logical properties are used throughout so RTL works by default.
   ============================================================ */

/* ------------------------------------------------------------
   Utility bar
   ------------------------------------------------------------ */

.utility-bar {
	background: rgba(5, 7, 11, 0.78);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--argon-line);
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-mute);
}

.utility-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 2.75rem;
	flex-wrap: wrap;
}

.utility-bar__meta {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-inline-start: auto;
}

.utility-bar__link {
	color: var(--argon-ink-soft);
	transition: color var(--argon-motion);
}

.utility-bar__link:hover {
	color: var(--argon-accent);
}

.language-switcher__list {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.language-switcher__item a {
	color: var(--argon-ink-mute);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--argon-text-xs);
	font-weight: 600;
	transition: color var(--argon-motion);
}

.language-switcher__item a:hover {
	color: var(--argon-accent);
}

.language-switcher__item.is-current span {
	color: var(--argon-accent);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--argon-text-xs);
	font-weight: 600;
}

/* ------------------------------------------------------------
   Header
   ------------------------------------------------------------ */

.site-header {
	position: sticky;
	top: 0;
	z-index: 60;
	background: rgba(9, 12, 18, 0.72);
	-webkit-backdrop-filter: blur(20px) saturate(150%);
	backdrop-filter: blur(20px) saturate(150%);
	border-bottom: 1px solid var(--argon-line);
	transition: background var(--argon-motion), box-shadow var(--argon-motion),
		border-color var(--argon-motion);
}

.header-inner {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	min-height: 5.25rem;
}

.site-header__brand {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.custom-logo-link,
.site-brand-link {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
}

.custom-logo,
.site-brand-logo {
	width: auto;
	height: auto;
	max-height: 52px;
	object-fit: contain;
}

/* The bundled logotype is a JPEG on a white ground, so it needs a light
   plate to sit intentionally on the dark shell. A logo uploaded through
   the Customizer keeps its own transparency (no plate). */
.site-brand-logo {
	max-height: 44px;
	padding: 4px 8px;
	background: #f6f8fb;
	border-radius: var(--argon-radius-xs);
	box-shadow: var(--argon-shadow-sm);
}

@media (max-width: 620px) {
	.custom-logo {
		max-height: 42px;
	}

	.site-brand-logo {
		max-height: 38px;
		padding: 3px 6px;
	}
}

.main-nav {
	margin-inline-start: auto;
}

.main-nav__list {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.main-nav__list > li > a {
	display: inline-block;
	padding: 0.55rem 0.95rem;
	font-size: var(--argon-text-sm);
	font-weight: 500;
	color: var(--argon-ink-soft);
	border-radius: var(--argon-radius-pill);
	transition: color var(--argon-motion), background var(--argon-motion);
}

.main-nav__list > li > a:hover,
.main-nav__list > .current-menu-item > a,
.main-nav__list > .current-menu-parent > a,
.main-nav__list > .current-menu-ancestor > a {
	color: var(--argon-ink);
	background: var(--argon-surface-2);
}

.main-nav__list > .current-menu-item > a,
.main-nav__list > .current-menu-parent > a,
.main-nav__list > .current-menu-ancestor > a {
	color: var(--argon-accent);
	box-shadow: inset 0 0 0 1px var(--argon-accent-line);
	background: var(--argon-accent-soft);
}

/* Dropdown submenus act as the mega menu layer. */
.main-nav__list .sub-menu {
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	min-width: 15rem;
	padding: 0.5rem;
	margin: 0;
	list-style: none;
	background: rgba(16, 21, 32, 0.96);
	-webkit-backdrop-filter: blur(18px) saturate(150%);
	backdrop-filter: blur(18px) saturate(150%);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius);
	box-shadow: var(--argon-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity var(--argon-motion), transform var(--argon-motion), visibility var(--argon-motion);
	z-index: 70;
}

.main-nav__list > li {
	position: relative;
}

.main-nav__list > li:hover > .sub-menu,
.main-nav__list > li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.main-nav__list .sub-menu a {
	display: block;
	padding: 0.6rem 0.85rem;
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-soft);
	border-radius: var(--argon-radius-xs);
	transition: background var(--argon-motion), color var(--argon-motion);
}

.main-nav__list .sub-menu a:hover {
	background: var(--argon-accent-soft);
	color: var(--argon-accent);
}

.site-header__actions {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	flex-shrink: 0;
}

.icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	padding: 0;
	background: transparent;
	color: var(--argon-ink-soft);
	border: 1px solid var(--argon-line-soft);
	border-radius: 50%;
	cursor: pointer;
	transition: color var(--argon-motion), border-color var(--argon-motion),
		background var(--argon-motion), transform var(--argon-motion);
}

.icon-btn:hover {
	color: var(--argon-accent);
	border-color: var(--argon-accent-line);
	background: var(--argon-accent-soft);
}

.icon-btn:active {
	transform: scale(0.96);
}

.mobile-menu-toggle {
	display: none;
}

.site-header__cta {
	padding: 0.65em 1.25em;
	font-size: 0.9rem;
}

.site-header.is-scrolled {
	background: rgba(6, 9, 14, 0.9);
	border-bottom-color: var(--argon-line-soft);
	box-shadow: var(--argon-shadow-sm);
}

.header-search-panel {
	padding-block: 1rem;
	background: rgba(16, 21, 32, 0.96);
	border-top: 1px solid var(--argon-line);
}

.header-search-panel[hidden] {
	display: none;
}

.header-search-panel .search-form {
	display: flex;
	gap: 0.5rem;
}

.header-search-panel input[type="search"] {
	flex: 1;
	min-height: 3rem;
	padding: 0.6rem 1.1rem;
	color: var(--argon-ink);
	background: var(--argon-bg);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-pill);
}

.header-search-panel input[type="search"]:focus {
	border-color: var(--argon-accent);
	box-shadow: 0 0 0 4px var(--argon-accent-soft);
	outline: none;
}

/* ------------------------------------------------------------
   Mobile drawer
   ------------------------------------------------------------ */

.mobile-drawer {
	position: fixed;
	inset: 0;
	z-index: 90;
	visibility: hidden;
	pointer-events: none;
}

.mobile-drawer.is-open {
	visibility: visible;
	pointer-events: auto;
}

.mobile-drawer__overlay {
	position: absolute;
	inset: 0;
	background: rgba(4, 6, 9, 0.72);
	opacity: 0;
	transition: opacity var(--argon-motion-slow);
}

.mobile-drawer.is-open .mobile-drawer__overlay {
	opacity: 1;
}

.mobile-drawer__panel {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: min(22rem, 88vw);
	display: flex;
	flex-direction: column;
	background: var(--argon-surface);
	border-inline-end: 1px solid var(--argon-line);
	transform: translateX(-100%);
	transition: transform var(--argon-motion-slow);
	overflow-y: auto;
}

[dir="rtl"] .mobile-drawer__panel {
	transform: translateX(100%);
}

.mobile-drawer.is-open .mobile-drawer__panel,
[dir="rtl"] .mobile-drawer.is-open .mobile-drawer__panel {
	transform: translateX(0);
}

.mobile-drawer__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--argon-line);
}

.mobile-drawer__nav {
	padding: 1rem 1.25rem 2rem;
}

.mobile-drawer__list,
.mobile-drawer__list .sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-drawer__list a {
	display: block;
	padding: 0.8rem 0;
	color: var(--argon-ink-soft);
	border-bottom: 1px solid var(--argon-line);
	transition: color var(--argon-motion), padding var(--argon-motion);
}

.mobile-drawer__list a:hover {
	color: var(--argon-accent);
}

.mobile-drawer__list .sub-menu a {
	padding-inline-start: 1rem;
	font-size: var(--argon-text-sm);
}

/* ------------------------------------------------------------
   Media / placeholder
   ------------------------------------------------------------ */

.argon-media,
.product-card__media,
.project-card__media,
.post-card__media,
.generic-card__media {
	display: block;
}

.argon-media,
.hero__media .argon-media {
	display: block;
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--argon-bg-deep);
}

.argon-media > img,
.argon-media > svg,
.argon-media .argon-media-ph > svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.argon-media-ph {
	display: block;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------
   Chips, badges
   ------------------------------------------------------------ */

.chip {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-pill);
	transition: color var(--argon-motion), border-color var(--argon-motion),
		background var(--argon-motion), transform var(--argon-motion);
}

.chip:hover,
.chip.is-active {
	color: var(--argon-accent);
	border-color: var(--argon-accent-line);
	background: var(--argon-accent-soft);
	transform: translateY(-1px);
}

.chip__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	padding: 0 0.35rem;
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-mute);
	background: var(--argon-surface-3);
	border-radius: var(--argon-radius-pill);
}

.chip:hover .chip__count,
.chip.is-active .chip__count {
	color: var(--argon-accent);
	background: var(--argon-accent-mute);
}

.taxonomy-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 2rem;
}

.badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.7rem;
	font-size: var(--argon-text-xs);
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--argon-accent);
	background: var(--argon-accent-mute);
	border: 1px solid var(--argon-accent-line);
	border-radius: var(--argon-radius-pill);
}

/* ------------------------------------------------------------
   Breadcrumb
   ------------------------------------------------------------ */

.breadcrumb {
	margin: 0.5rem 1.25rem 0.2rem;
	font-size: var(--argon-text-xs);
}

.breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	list-style: none;
	padding: 0;
	margin: 0;
	color: var(--argon-ink-faint);
}

.breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.breadcrumb__item a {
	color: var(--argon-ink-mute);
}

.breadcrumb__item a:hover {
	color: var(--argon-accent);
}

.breadcrumb__item.is-current span {
	color: var(--argon-ink-soft);
}

/* The separator is a neutral slash and reads the same in both
   directions, so it is never mirrored. */
.breadcrumb__sep {
	color: var(--argon-line-soft);
}


/* ------------------------------------------------------------
   Cards
   ------------------------------------------------------------ */

.product-card,
.service-card,
.project-card,
.post-card,
.generic-card,
.certificate-card {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0;
	overflow: hidden;
	background-image: linear-gradient(168deg, var(--argon-surface-2), var(--argon-surface));
	background-color: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
	box-shadow: var(--argon-ring-inset);
	transition: border-color var(--argon-motion), transform var(--argon-motion),
		box-shadow var(--argon-motion);
}

.product-card:hover,
.service-card:hover,
.project-card:hover,
.post-card:hover,
.generic-card:hover {
	border-color: var(--argon-accent-line);
	transform: translateY(-4px);
	box-shadow: var(--argon-shadow);
}

.product-card__media,
.project-card__media,
.post-card__media,
.generic-card__media {
	position: relative;
	overflow: hidden;
	background: var(--argon-bg-deep);
}

.product-card__media::after,
.project-card__media::after,
.post-card__media::after,
.generic-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 55%, rgba(5, 7, 11, 0.6) 100%);
	pointer-events: none;
}

.product-card__media img,
.project-card__media img,
.post-card__media img,
.generic-card__media img {
	transition: transform var(--argon-motion-slow);
}

.product-card:hover .product-card__media img,
.project-card:hover .project-card__media img,
.post-card:hover .post-card__media img,
.generic-card:hover .generic-card__media img {
	transform: scale(1.05);
}

.product-card__body, .project-card__body, .post-card__body, .generic-card__body {
    padding: 1.5rem 1.5rem 1.65rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.service-card {
	padding: 1.6rem 1.5rem;
}

.product-card__cat,
.project-card__cat,
.post-card__cat,
.service-card__cat {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	margin-bottom: 0.85rem;
	padding: 0.25rem 0.7rem;
	font-size: var(--argon-text-xs);
	font-weight: 600;
	color: var(--argon-accent);
	background: var(--argon-accent-soft);
	border: 1px solid var(--argon-accent-line);
	border-radius: var(--argon-radius-pill);
}

.product-card__title,
.service-card__title,
.project-card__title,
.post-card__title,
.generic-card__title {
	font-size: var(--argon-text-lg);
	line-height: 1.5;
	margin-bottom: 0.6rem;
}

.product-card__title a:hover,
.service-card__title a:hover,
.project-card__title a:hover,
.post-card__title a:hover,
.generic-card__title a:hover {
	color: var(--argon-accent);
}

.product-card__excerpt,
.service-card__excerpt,
.post-card__excerpt,
.generic-card__excerpt {
	font-size: var(--argon-text-sm);
	line-height: 1.8;
	color: var(--argon-ink-mute);
	margin-bottom: 1.1rem;
}

.product-card__specs {
	list-style: none;
	padding: 0;
	margin: 0 0 1.15rem;
	border-top: 1px solid var(--argon-line);
}

.product-card__specs li {
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
	gap: 1rem;
	padding: 0.45rem 0;
	border-bottom: 1px solid var(--argon-line);
	font-size: var(--argon-text-xs);
}
.product-card__specs li:last-child {
    border-bottom: none;
}
.product-card__spec-label {
	color: var(--argon-ink-faint);
}

.product-card__spec-value {
	color: var(--argon-ink);
}

.product-card__link,
.service-card__link,
.list-card__link,
.generic-card__link,
.section-head__link {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-top: auto;
	font-size: var(--argon-text-sm);
	font-weight: 600;
	color: var(--argon-accent);
}

.product-card__link svg,
.service-card__link svg,
.generic-card__link svg {
	transition: transform var(--argon-motion);
}

.product-card:hover .product-card__link svg,
.service-card:hover .service-card__link svg,
.generic-card:hover .generic-card__link svg {
	transform: translateX(3px);
}

.product-card__link:hover,
.service-card__link:hover,
.list-card__link:hover,
.generic-card__link:hover,
.section-head__link:hover {
	color: var(--argon-steel);
}

[dir="rtl"] .product-card__link svg,
[dir="rtl"] .service-card__link svg,
[dir="rtl"] .generic-card__link svg {
	transform: scaleX(-1);
}

[dir="rtl"] .product-card:hover .product-card__link svg,
[dir="rtl"] .service-card:hover .service-card__link svg,
[dir="rtl"] .generic-card:hover .generic-card__link svg {
	transform: scaleX(-1) translateX(3px);
}

.service-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.1rem;
}

.service-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	color: var(--argon-accent);
	background: var(--argon-accent-soft);
	border: 1px solid var(--argon-accent-line);
	border-radius: var(--argon-radius-sm);
	transition: color var(--argon-motion), background var(--argon-motion);
}

.service-card:hover .service-card__icon {
	color: var(--argon-on-accent);
	background-image: linear-gradient(140deg, var(--argon-accent), var(--argon-accent-alt));
	border-color: transparent;
}

.project-card__media {
	position: relative;
	display: block;
}

.project-card__status {
	position: absolute;
	inset-block-start: 0.9rem;
	inset-inline-start: 0.9rem;
	z-index: 1;
	background: rgba(7, 12, 20, 0.85);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.project-card__meta {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: var(--argon-text-xs);
}

.project-card__meta li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.35rem 0;
	border-top: 1px solid var(--argon-line);
}

.project-card__meta-label {
	color: var(--argon-ink-faint);
}

.post-card__meta {
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
}

.generic-card__type {
	margin-bottom: 0.75rem;
}

/* List layout (view switcher) */
.archive-items.is-list {
	grid-template-columns: 1fr;
}

.archive-items.is-list .card {
	display: grid;
	grid-template-columns: minmax(0, 21rem) minmax(0, 1fr);
	align-items: stretch;
}

.archive-items.is-list .card:hover {
	transform: none;
}

.archive-items.is-list .product-card__media,
.archive-items.is-list .project-card__media,
.archive-items.is-list .post-card__media,
.archive-items.is-list .generic-card__media {
	height: 100%;
}

.archive-items.is-list .argon-media,
.archive-items.is-list .argon-media > img,
.archive-items.is-list .argon-media > svg {
	height: 100%;
	aspect-ratio: auto;
	min-height: 100%;
}

@media (max-width: 720px) {
	.archive-items.is-list .card {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------------------------
   Archive layout
   ------------------------------------------------------------ */

.archive-hero {
	position: relative;
	overflow: hidden;
	padding-block: clamp(2.75rem, 5vw, 4.5rem) clamp(2.25rem, 4vw, 3.25rem);
	border-bottom: 1px solid var(--argon-line);
	background-image:
		radial-gradient(85% 130% at 88% 0%, rgba(43, 90, 148, 0.38), transparent 62%),
		linear-gradient(180deg, var(--argon-surface), var(--argon-bg));
	background-color: var(--argon-bg);
}

.archive-hero.has-media {
	padding-block: clamp(4rem, 7vw, 6rem) clamp(2.5rem, 4vw, 3.5rem);
}

.archive-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.archive-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.28;
}

.archive-hero__inner {
	position: relative;
	z-index: 1;
}

.archive-title {
	font-size: var(--argon-text-4xl);
	font-weight: 700;
	margin-bottom: 0.7rem;
}

.archive-desc {
	max-width: var(--argon-lead-width);
	color: var(--argon-ink-soft);
	text-wrap: pretty;
}

.archive-count {
	margin-top: 0.75rem;
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
}

.archive-wrap {
	padding-block: clamp(2.25rem, 4vw, 3.25rem) clamp(3rem, 6vw, 5rem);
}

.archive-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	/*padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--argon-line);*/
}

.archive-controls__view {
	display: inline-flex;
	padding: 0.2rem;
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-pill);
}

.archive-controls__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
	height: 2.3rem;
	background: transparent;
	color: var(--argon-ink-mute);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: color var(--argon-motion), background var(--argon-motion);
}

.archive-controls__btn:hover,
.archive-controls__btn.is-active {
	color: var(--argon-accent);
	background: var(--argon-accent-soft);
}

.archive-items,
.products-grid,
.projects-grid,
.news-grid,
.services-grid {
	display: grid;
	gap: var(--argon-grid-gap);
	grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
}

.archive-items--products {
	grid-template-columns: repeat(auto-fill, minmax(19.5rem, 1fr));
}

.navigation.pagination {
	margin-top: 3rem;
}

.navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.6rem;
	height: 2.6rem;
	padding-inline: 0.6rem;
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-sm);
	font-size: var(--argon-text-sm);
	transition: color var(--argon-motion), background var(--argon-motion),
		border-color var(--argon-motion), transform var(--argon-motion);
}

.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover {
	color: var(--argon-on-accent);
	background-image: linear-gradient(135deg, var(--argon-accent), var(--argon-accent-alt) 130%);
	background-color: var(--argon-accent);
	border-color: transparent;
}

.navigation.pagination .page-numbers:hover {
	transform: translateY(-1px);
}

.archive-empty,
.search-empty {
	padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.25rem, 4vw, 2.5rem);
	text-align: center;
	background-image: linear-gradient(170deg, var(--argon-surface-2), var(--argon-surface));
	background-color: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-xl);
}

.archive-empty__title,
.search-empty__title {
	font-size: 1.4rem;
	margin-bottom: 0.75rem;
}

.archive-empty__sub,
.search-empty__sub {
	max-width: 46rem;
	margin: 0 auto 1.5rem;
	color: var(--argon-ink-mute);
}

.archive-empty .search-form,
.notfound__search .search-form {
	display: flex;
	gap: 0.5rem;
	max-width: 32rem;
	margin: 0 auto;
}

.archive-empty .search-form input[type="search"],
.notfound__search .search-form input[type="search"],
.search-form input[type="search"] {
	flex: 1;
	min-height: 3rem;
	padding: 0.6rem 1.2rem;
	color: var(--argon-ink);
	background: var(--argon-bg);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-pill);
}

.archive-empty .search-form input[type="search"]:focus,
.notfound__search .search-form input[type="search"]:focus,
.search-form input[type="search"]:focus {
	border-color: var(--argon-accent);
	box-shadow: 0 0 0 4px var(--argon-accent-soft);
	outline: none;
}

/* ------------------------------------------------------------
   Detail layouts
   ------------------------------------------------------------ */

.product-hero,
.project-hero,
.service-hero,
.article-hero,
.page-hero {
	position: relative;
	border-bottom: 1px solid var(--argon-line);
	background-image: linear-gradient(180deg, var(--argon-surface), var(--argon-bg));
	background-color: var(--argon-bg);
}

.product-hero__media img,
.project-hero__media img,
.service-hero__media img,
.article-hero__media img,
.page-hero__media img {
	width: 100%;
	max-height: 32rem;
	object-fit: cover;
}

.service-hero,
.project-hero {
	overflow: hidden;
}

.service-hero__overlay,
.project-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 12, 16, 0.35), rgba(14, 17, 21, 0.95));
}

.service-hero__content {
	position: relative;
	z-index: 1;
	max-width: var(--argon-container);
	margin-inline: auto;
	padding: 3rem 1.5rem 2.5rem;
}

.service-title,
.product-title,
.project-title,
.article-title,
.page-title {
	font-size: var(--argon-text-4xl);
	font-weight: 700;
	margin-bottom: 0.85rem;
}

.product-lead,
.service-lead,
.project-lead {
	max-width: var(--argon-lead-width);
	color: var(--argon-ink-soft);
	font-size: var(--argon-text-md);
	text-wrap: pretty;
}

.product-wrap,
.service-wrap,
.project-wrap,
.article-wrap,
.page-content-wrap {
	padding-block: clamp(2rem, 4vw, 3.25rem) clamp(3rem, 6vw, 5rem);
}

.product-layout,
.service-layout,
.project-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 22rem;
	gap: clamp(2rem, 4vw, 3.25rem);
	align-items: start;
}

@media (max-width: 960px) {
	.product-layout,
	.service-layout,
	.project-layout {
		grid-template-columns: 1fr;
	}
}

.product-main > section,
.service-main > section,
.project-main > section {
	margin-bottom: 3rem;
}

.product-header,
.service-header,
.project-header,
.article-header {
	margin-bottom: 2rem;
}

.product-code,
.project-code {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 0.85rem;
	padding: 0.3rem 0.75rem;
	font-size: var(--argon-text-xs);
	letter-spacing: 0.04em;
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-pill);
}

.technical-table-wrap {
	overflow-x: auto;
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
}

.technical-table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--argon-text-sm);
}

.technical-table th,
.technical-table td {
	padding: 0.9rem 1.2rem;
	text-align: start;
	border-bottom: 1px solid var(--argon-line);
	vertical-align: top;
}

.technical-table tr:last-child th,
.technical-table tr:last-child td {
	border-bottom: 0;
}

.technical-table th {
	width: 34%;
	font-weight: 600;
	color: var(--argon-ink-soft);
	background: var(--argon-surface-2);
}

.technical-table td {
	color: var(--argon-ink);
}

.technical-table tbody tr {
	transition: background var(--argon-motion);
}

.technical-table tbody tr:hover {
	background: var(--argon-accent-soft);
}

.applications-list,
.check-list,
.download-list,
.dimension-list,
.doc-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.applications-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
	gap: 0.6rem;
}

.application-item {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	padding: 0.8rem 1rem;
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-sm);
	font-size: var(--argon-text-sm);
	transition: border-color var(--argon-motion), color var(--argon-motion);
}

.application-item:hover {
	color: var(--argon-ink);
	border-color: var(--argon-accent-line);
}

.application-item svg {
	flex-shrink: 0;
	margin-top: 0.2rem;
	color: var(--argon-accent);
}

.check-list__item {
	position: relative;
	padding-inline-start: 1.6rem;
	margin-bottom: 0.6rem;
	color: var(--argon-ink-soft);
	font-size: var(--argon-text-sm);
	line-height: 1.8;
}

.check-list__item::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0.62em;
	width: 0.5rem;
	height: 0.5rem;
	background: var(--argon-accent);
	border-radius: 2px;
	transform: rotate(45deg);
	box-shadow: 0 0 0 3px var(--argon-accent-mute);
}

.feature-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	gap: var(--argon-grid-gap);
}

.feature-column {
	padding: 1.5rem;
	background-image: linear-gradient(165deg, var(--argon-surface-2), var(--argon-surface));
	background-color: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
}

.feature-column__title {
	font-size: var(--argon-text-base);
	margin-bottom: 0.9rem;
	color: var(--argon-accent);
}

.industries-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.download-item,
.doc-item {
	margin-bottom: 0.5rem;
}

.download-link,
.doc-link {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.85rem 1.1rem;
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-sm);
	font-size: var(--argon-text-sm);
	transition: border-color var(--argon-motion), color var(--argon-motion),
		transform var(--argon-motion), box-shadow var(--argon-motion);
}

.download-link:hover,
.doc-link:hover {
	color: var(--argon-ink);
	border-color: var(--argon-accent-line);
	transform: translateY(-1px);
	box-shadow: var(--argon-shadow-sm);
}

.download-link__label,
.doc-link__label {
	flex: 1;
}

.dimension-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.7rem 0;
	border-bottom: 1px solid var(--argon-line);
	font-size: var(--argon-text-sm);
}

.dimension-item__label {
	color: var(--argon-ink-faint);
}

.dimension-item__value {
	color: var(--argon-ink);
}

/* Galleries */
.gallery-grid__items,
.gallery-grid {
	display: grid;
	gap: var(--argon-grid-gap);
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}

.gallery-item {
	position: relative;
	margin: 0;
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
	overflow: hidden;
}

.gallery-item img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform var(--argon-motion-slow);
}

.gallery-item:hover img {
	transform: scale(1.05);
}

.gallery-item__caption {
	padding: 0.7rem 0.95rem;
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-mute);
	border-top: 1px solid var(--argon-line);
}

/* Sidebars */
.product-sidebar__inner,
.service-sidebar,
.project-sidebar__inner {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	position: sticky;
	top: 7rem;
}

.product-sidebar__cta,
.side-contact-block,
.side-cta-block {
	padding: 1.5rem;
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
}

.product-sidebar__cta {
	background-image: linear-gradient(165deg, var(--argon-surface-2), var(--argon-bg-deep));
	background-color: var(--argon-surface-2);
	border-color: var(--argon-accent-line);
	box-shadow: var(--argon-shadow-glow);
}

.product-sidebar__cta-title,
.side-contact-title {
	font-size: var(--argon-text-lg);
	margin-bottom: 0.6rem;
}

.product-sidebar__cta-sub {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
	margin-bottom: 1.1rem;
}

.product-sidebar__cta-actions {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.side-contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.side-contact-item {
	padding: 0.7rem 0;
	border-bottom: 1px solid var(--argon-line);
	font-size: var(--argon-text-sm);
}

.side-contact-item:last-child {
	border-bottom: 0;
}

.side-contact-label {
	display: block;
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
	margin-bottom: 0.2rem;
}

.side-contact-value {
	color: var(--argon-ink-soft);
	word-break: break-word;
}

.side-contact-value:hover {
	color: var(--argon-accent);
}

.side-cta-sub {
	margin-top: 0.75rem;
	font-size: 0.82rem;
	color: var(--argon-ink-mute);
}

/* Project meta grid */
.project-meta-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--argon-line);
}

.project-meta-label {
	display: block;
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
	margin-bottom: 0.3rem;
}

.project-meta-value {
	color: var(--argon-ink);
	font-size: var(--argon-text-sm);
}

.project-status {
	margin-inline-start: 0;
}

.challenge-block,
.solution-block,
.service-technical-text,
.why-card__body {
	padding: 1.5rem;
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-inline-start: 3px solid var(--argon-accent);
	border-radius: var(--argon-radius-lg);
}

.challenge-block p:last-child,
.solution-block p:last-child {
	margin-bottom: 0;
}

/* Process steps */
.process-list {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: argon-process;
}

.process-item {
	display: flex;
	gap: 1.25rem;
	padding-block: 1.35rem;
	border-bottom: 1px solid var(--argon-line);
}

.process-item:last-child {
	border-bottom: 0;
}

.process-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.75rem;
	height: 2.75rem;
	font-family: var(--argon-font-heading);
	font-size: var(--argon-text-sm);
	font-weight: 700;
	color: var(--argon-on-accent);
	background-image: linear-gradient(140deg, var(--argon-accent), var(--argon-accent-alt));
	background-color: var(--argon-accent);
	border-radius: 50%;
	box-shadow: var(--argon-shadow-sm);
}

.process-item__title {
	display: block;
	margin-bottom: 0.4rem;
	color: var(--argon-ink);
	font-size: var(--argon-text-base);
}

.process-item__body {
	color: var(--argon-ink-mute);
	font-size: var(--argon-text-sm);
	line-height: 1.85;
}

/* Related blocks */
.related-block,
.product-related,
.project-related,
.service-related {
	margin-top: 3.5rem;
	padding-top: 2.25rem;
	border-top: 1px solid var(--argon-line);
}

.related-block__title,
.product-related .section-title,
.project-related .section-title,
.service-related .section-title {
	font-size: var(--argon-text-xl);
	margin-bottom: 1.5rem;
}

.related-grid {
	display: grid;
	gap: var(--argon-grid-gap);
	grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}

.related-list,
.products-used-list,
.services-used-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.related-item,
.products-used-item,
.services-used-item {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.85rem 1.1rem;
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-sm);
	font-size: var(--argon-text-sm);
	transition: border-color var(--argon-motion), color var(--argon-motion),
		transform var(--argon-motion);
}

.related-item:hover,
.products-used-item:hover,
.services-used-item:hover {
	color: var(--argon-ink);
	border-color: var(--argon-accent-line);
	transform: translateX(3px);
}

[dir="rtl"] .related-item:hover,
[dir="rtl"] .products-used-item:hover,
[dir="rtl"] .services-used-item:hover {
	transform: translateX(-3px);
}

.related-item__title,
.products-used-item__title,
.services-used-item__title {
	font-weight: 600;
	color: var(--argon-ink);
}

.related-item__sub,
.products-used-item__sub {
	color: var(--argon-ink-mute);
	font-size: 0.85rem;
}

.products-used-item__sep {
	color: var(--argon-line-soft);
}

/* Article */
.article-category {
	display: inline-flex;
	align-items: center;
	margin-bottom: 0.75rem;
	padding: 0.25rem 0.7rem;
	font-size: var(--argon-text-xs);
	font-weight: 600;
	color: var(--argon-accent);
	background: var(--argon-accent-soft);
	border: 1px solid var(--argon-accent-line);
	border-radius: var(--argon-radius-pill);
}

.article-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
}

.article-body {
	
}
.article-body p.wp-block-paragraph {
    margin: 1em;
}
.article-nav {
	margin-top: 3.5rem;
	padding-top: 2.25rem;
	border-top: 1px solid var(--argon-line);
}

.article-nav__inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 1rem;
}

.article-nav__item {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 1.2rem 1.35rem;
	color: var(--argon-ink-soft);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
	transition: border-color var(--argon-motion), color var(--argon-motion),
		transform var(--argon-motion);
}

.article-nav__item:hover {
	border-color: var(--argon-accent-line);
	color: var(--argon-ink);
	transform: translateY(-2px);
}

.article-nav__label {
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
}

.article-nav__title {
	font-weight: 600;
}

/* Author box */
.author-box {
	display: flex;
	gap: 1.25rem;
	margin-top: 3.5rem;
	padding: 1.6rem;
	background-image: linear-gradient(165deg, var(--argon-surface-2), var(--argon-surface));
	background-color: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
}

.author-box__avatar img {
	border-radius: 50%;
}

.author-box__eyebrow {
	font-size: var(--argon-text-xs);
	font-weight: 600;
	color: var(--argon-accent);
}

.author-box__name {
	font-size: var(--argon-text-xl);
	margin: 0.35rem 0 0.6rem;
}

.author-box__bio {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
	margin-bottom: 0.7rem;
}

.author-box__link {
	font-size: var(--argon-text-sm);
	font-weight: 600;
	color: var(--argon-accent);
}

.author-box__link:hover {
	color: var(--argon-accent-alt);
}

/* Page layout */
.page-title-bar {
	margin-bottom: 2.25rem;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid var(--argon-line);
}

.page-sidebar {
	margin-top: 2.75rem;
	padding-top: 2.25rem;
	border-top: 1px solid var(--argon-line);
}

/* Search */
.search-wrap {
	padding-block: clamp(2.25rem, 4vw, 3.25rem) clamp(3rem, 6vw, 5rem);
}

.search-header {
	margin-bottom: 2.25rem;
}

.search-query {
	color: var(--argon-accent);
}

.search-results__list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.search-result {
	display: grid;
	grid-template-columns: 6rem minmax(0, 1fr);
	gap: 1.25rem;
	padding: 1.35rem 1.5rem;
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
	transition: border-color var(--argon-motion);
}

.search-result:hover {
	border-color: var(--argon-accent-line);
}

@media (max-width: 640px) {
	.search-result {
		grid-template-columns: 1fr;
	}
}

.search-result__title {
	font-size: var(--argon-text-lg);
	margin-bottom: 0.5rem;
}

.search-result__title a:hover {
	color: var(--argon-accent);
}

.search-result__excerpt {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
	margin-bottom: 0.7rem;
}

.search-result__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
}

.search-suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* 404 */
.notfound-wrap {
	padding-block: clamp(3.5rem, 8vw, 6rem);
}

.notfound {
	max-width: 46rem;
	margin-inline: auto;
	text-align: center;
}

.notfound__icon {
	display: flex;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.notfound__title .eyebrow {
	display: block;
	font-size: var(--argon-text-xs);
	font-weight: 600;
	color: var(--argon-accent);
	margin-bottom: 0.6rem;
}

.notfound__title .title-text {
	display: block;
	font-size: var(--argon-text-2xl);
}

.notfound__sub {
	max-width: 40rem;
	margin: 0 auto 1.75rem;
	color: var(--argon-ink-mute);
}

.notfound__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem;
	margin-bottom: 2.5rem;
}

.notfound__sub-title {
	font-size: var(--argon-text-base);
	margin-bottom: 0.85rem;
	color: var(--argon-ink-soft);
}

/* ------------------------------------------------------------
   Forms
   ------------------------------------------------------------ */

.form-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 0 1rem;
}

.inquiry-form {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	background-image: linear-gradient(165deg, var(--argon-surface-2), var(--argon-surface));
	background-color: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-xl);
	box-shadow: var(--argon-ring-inset);
}

.inquiry-form__title {
	font-size: var(--argon-text-xl);
	margin-bottom: 0.5rem;
}

.inquiry-form__sub {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
	margin-bottom: 1.4rem;
}

.field--honeypot {
	position: absolute !important;
	inset-inline-start: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.field--consent {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
}

.field--consent label {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.inquiry-form__actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}

.inquiry-form__phone {
	color: var(--argon-ink-soft);
	font-weight: 600;
}

.inquiry-form__phone:hover {
	color: var(--argon-accent);
}

.form-notice {
	margin-bottom: 1.25rem;
	padding: 1rem 1.2rem;
	font-size: var(--argon-text-sm);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-sm);
}

.form-notice--success {
	color: #cfe8d2;
	background: rgba(60, 120, 70, 0.18);
	border-color: rgba(120, 200, 140, 0.35);
}

.form-notice--error {
	color: #f0d3cb;
	background: rgba(150, 60, 40, 0.18);
	border-color: rgba(200, 110, 90, 0.35);
}

.contact-details {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contact-details__item {
	padding: 0.9rem 0;
	border-bottom: 1px solid var(--argon-line);
}

.contact-details__item:last-child {
	border-bottom: 0;
}

.contact-details__label {
	display: block;
	font-size: var(--argon-text-xs);
	letter-spacing: 0.04em;
	color: var(--argon-ink-faint);
	margin-bottom: 0.3rem;
}

.contact-details__value {
	color: var(--argon-ink-soft);
	font-style: normal;
}

.contact-details__value:hover {
	color: var(--argon-accent);
}

/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------ */

.site-footer {
	margin-top: auto;
	background: var(--argon-bg-deep);
	border-top: 1px solid var(--argon-line);
}

.footer-cta {
	position: relative;
	padding-block: clamp(2.5rem, 5vw, 4rem);
	border-bottom: 1px solid var(--argon-line);
	background-color: var(--argon-bg-deep);
	background-image:
		radial-gradient(80% 140% at 90% 10%, var(--argon-glow), transparent 58%),
		linear-gradient(135deg, rgba(22, 29, 42, 0.85), rgba(5, 7, 11, 0.95));
}

.footer-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 2rem;
	align-items: center;
}

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

.footer-cta__eyebrow {
	font-size: var(--argon-text-xs);
	font-weight: 600;
	color: var(--argon-accent);
	margin-bottom: 0.7rem;
}

.footer-cta__title {
	font-size: var(--argon-text-2xl);
	margin-bottom: 0.85rem;
}

.footer-cta__sub {
	max-width: 42rem;
	color: var(--argon-ink-soft);
	margin-bottom: 1.6rem;
	text-wrap: pretty;
}

.footer-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
}

.footer-cta__media img {
	width: 100%;
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-lg);
}

.site-footer__main {
	padding-block: clamp(2.5rem, 5vw, 3.5rem);
}

.footer-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
	gap: 2rem;
}

@media (max-width: 1040px) {
	.footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

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

.footer-brand {
	margin-bottom: 1rem;
}

.footer-brand__desc {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
	margin-bottom: 1.25rem;
	max-width: 30rem;
	line-height: 1.85;
}

.footer-brand__quick {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.footer-contact-link {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-soft);
}

.footer-contact-link:hover {
	color: var(--argon-accent);
}

.footer-contact-link svg {
	color: var(--argon-accent);
	flex-shrink: 0;
}

.footer-contact-link__label {
	color: var(--argon-ink-faint);
	font-size: var(--argon-text-xs);
}

.footer-col__title {
	font-size: var(--argon-text-base);
	margin-bottom: 1.1rem;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid var(--argon-line);
}

.footer-col__list,
.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-col__list li,
.footer-links li {
	margin-bottom: 0.55rem;
}

.footer-col__list a,
.footer-links a {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
	transition: color var(--argon-motion), padding var(--argon-motion);
}

.footer-col__list a:hover,
.footer-links a:hover {
	color: var(--argon-accent);
}

.footer-newsletter__sub {
	font-size: var(--argon-text-sm);
	color: var(--argon-ink-mute);
	margin-bottom: 0.9rem;
}

.newsletter-fields {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.newsletter-fields input[type="email"] {
	flex: 1;
	min-width: 9rem;
	min-height: 2.9rem;
	padding: 0.55rem 1rem;
	color: var(--argon-ink);
	background: var(--argon-surface);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius-pill);
}

.newsletter-fields input[type="email"]:focus {
	border-color: var(--argon-accent);
	box-shadow: 0 0 0 4px var(--argon-accent-soft);
	outline: none;
}

.footer-social {
	margin-top: 1.25rem;
}

.footer-social__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-social__list a {
	font-size: var(--argon-text-xs);
	font-weight: 600;
	color: var(--argon-ink-mute);
	transition: color var(--argon-motion);
}

.footer-social__list a:hover {
	color: var(--argon-accent);
}

.site-footer__bottom {
	padding-block: 1.25rem;
	border-top: 1px solid var(--argon-line);
	font-size: var(--argon-text-xs);
	color: var(--argon-ink-faint);
}

.footer-bottom-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.footer-bottom-left,
.footer-bottom-right {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.bottom-website-link {
	color: var(--argon-ink-mute);
}

.bottom-website-link:hover {
	color: var(--argon-accent);
}

.sep {
	color: var(--argon-line-soft);
}

/* ------------------------------------------------------------
   Search page controls and empty state
   ------------------------------------------------------------ */

.search-title {
	font-size: clamp(1.5rem, 3vw, 2.1rem);
}

.search-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1.75rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--argon-line);
}

.search-controls__view {
	display: inline-flex;
	border: 1px solid var(--argon-line);
	border-radius: var(--argon-radius);
	overflow: hidden;
}

.search-controls__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	background: transparent;
	color: var(--argon-ink-mute);
	border: 0;
	cursor: pointer;
	transition: color var(--argon-motion), background var(--argon-motion);
}

.search-controls__btn + .search-controls__btn {
	border-inline-start: 1px solid var(--argon-line);
}

.search-controls__btn:hover,
.search-controls__btn.is-active {
	color: var(--argon-ink);
	background: var(--argon-surface-2);
}

.search-empty__icon {
	display: flex;
	justify-content: center;
	margin-bottom: 1.25rem;
}

.search-empty__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem;
	margin-bottom: 2rem;
}

.search-empty__suggestions-title {
	margin-bottom: 0.85rem;
	font-size: 1rem;
	color: var(--argon-ink-soft);
}

.search-suggestion__link {
	display: inline-block;
	padding: 0.4rem 0.85rem;
	font-size: 0.85rem;
	color: var(--argon-ink-soft);
	background: var(--argon-surface-2);
	border: 1px solid var(--argon-line);
	border-radius: 999px;
}

.search-suggestion__link:hover {
	color: var(--argon-ink);
	border-color: var(--argon-accent);
}

.search-result__body {
	min-width: 0;
}

.search-result__media {
	margin-bottom: 0.75rem;
}

.search-result__media img {
	width: 100%;
	border: 1px solid var(--argon-line);
	border-radius: var(--argon-radius);
}

.search-result__type {
	align-self: start;
}

.search-result__type-label {
	color: var(--argon-accent);
}

/* ------------------------------------------------------------
   Archive highlight call to action
   ------------------------------------------------------------ */

.archive-cta {
	margin-top: 3rem;
}

.archive-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	background: linear-gradient(135deg, var(--argon-surface-2), var(--argon-bg-deep));
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius);
}

.archive-cta__title {
	font-size: clamp(1.15rem, 2.2vw, 1.6rem);
	max-width: 40rem;
}

.archive-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

/* ------------------------------------------------------------
   Header, drawer and footer details
   ------------------------------------------------------------ */

.site-header__search {
	display: inline-flex;
}

.mobile-drawer__brand .site-brand-logo {
	max-height: 40px;
}

.mobile-drawer__close {
	flex-shrink: 0;
}

.utility-bar__contact {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.utility-bar__contact .widget {
	margin: 0;
}

.copyright,
.footer-legal {
	color: var(--argon-ink-faint);
}

.footer-cta__text {
	min-width: 0;
}

.footer-newsletter-form {
	margin-bottom: 0.25rem;
}

.footer-col__brand .custom-logo-link,
.footer-col__brand .site-brand-link {
	margin-bottom: 0.35rem;
}

.site-sidebar,
.page-sidebar__inner {
	padding-top: 0.5rem;
}

/* ------------------------------------------------------------
   Hero and gallery details
   ------------------------------------------------------------ */

.hero__content {
	min-width: 0;
}

.taxonomy-chips--nav {
	padding-bottom: 0;
}

.gallery-link {
	display: block;
}

.gallery-img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* ------------------------------------------------------------
   Detail page blocks
   ------------------------------------------------------------ */

.technical-block {
	padding: 1.4rem 1.5rem;
	background: var(--argon-surface);
	border: 1px solid var(--argon-line);
	border-radius: var(--argon-radius);
}

.technical-block .technical-table th,
.technical-block .technical-table td {
	border-bottom: 1px solid var(--argon-line);
}

.technical-block .technical-table tr:last-child th,
.technical-block .technical-table tr:last-child td {
	border-bottom: 0;
}

.project-meta-item {
	min-width: 0;
}

.process-content {
	min-width: 0;
}

.product-video,
.project-video {
	margin: 2rem 0;
	border: 1px solid var(--argon-line);
	border-radius: var(--argon-radius);
	overflow: hidden;
}

.product-video iframe,
.project-video iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

.product-specs,
.product-description,
.product-applications,
.product-industries,
.product-downloads,
.product-dimensions,
.product-features,
.product-gallery,
.product-inquiry,
.service-description,
.service-process,
.service-technical,
.service-gallery,
.service-related,
.project-description,
.project-challenge,
.project-solution,
.project-technical,
.project-products-used,
.project-services-used,
.project-documents,
.project-gallery {
	min-width: 0;
}

.service-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin-bottom: 0.85rem;
	color: var(--argon-accent);
	background: rgba(10, 12, 16, 0.6);
	border: 1px solid var(--argon-line-soft);
	border-radius: var(--argon-radius);
}

.chip__icon {
	display: inline-flex;
	align-items: center;
	color: var(--argon-accent);
}

.chip__label {
	line-height: 1.4;
}

/* Related-section layout modifiers (colour/structure shared above) */
.related-products,
.related-industries,
.related-projects,
.product-related--projects,
.project-related--industries,
.service-related--projects {
	min-width: 0;
}

/* ------------------------------------------------------------
   Widget areas
   ------------------------------------------------------------ */

.widget {
	margin-bottom: 1.75rem;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget-title {
	margin-bottom: 0.9rem;
	padding-bottom: 0.6rem;
	font-size: var(--argon-text-base);
	border-bottom: 1px solid var(--argon-line);
}

.widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget li {
	margin-bottom: 0.5rem;
}

.widget a {
	color: var(--argon-ink-mute);
	font-size: var(--argon-text-sm);
}

.widget a:hover {
	color: var(--argon-accent);
}

.widget p {
	color: var(--argon-ink-mute);
	font-size: var(--argon-text-sm);
}

/* ------------------------------------------------------------
   Accessibility helpers
   ------------------------------------------------------------ */

.sr-only,
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ------------------------------------------------------------
   Responsive header
   ------------------------------------------------------------ */

@media (max-width: 1040px) {
	.main-nav {
		display: none;
	}

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

@media (max-width: 620px) {
	.site-header__cta {
		display: none;
	}

	.header-inner {
		min-height: 4.35rem;
	}

	.utility-bar__inner {
		justify-content: center;
	}

	.mobile-drawer__panel {
		width: min(20rem, 90vw);
	}
}

@media print {
	.site-header,
	.site-footer,
	.mobile-drawer,
	.utility-bar {
		display: none !important;
	}
}
.services-grid {
    display: block;
}
h1.service-title {
    color: #fff;
    margin: 1.5em;
}