/* Blocks — hero, why-us, timeline, case studies, testimonials, map, internal-links */

/* Hero */
.eg-hero {
	position: relative;
	padding: var(--eg-sp-8) 0 var(--eg-sp-7);
	background:
		radial-gradient(1100px 500px at 85% -10%, rgba(245,158,11,.18), transparent 60%),
		radial-gradient(900px 450px at -10% 120%, rgba(34,211,238,.10), transparent 60%),
		linear-gradient(180deg, #0E141B 0%, var(--eg-bg) 100%);
	overflow: hidden;
	isolation: isolate;
}
.eg-hero::before {
	content: '';
	position: absolute; inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
	z-index: -1;
}
.eg-hero__grid {
	display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--eg-sp-7);
	align-items: center;
}
@media (max-width: 960px) { .eg-hero__grid { grid-template-columns: 1fr; } }
.eg-hero__eyebrow {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 6px 12px;
	background: var(--eg-brand-weak); color: var(--eg-brand);
	border-radius: var(--eg-r-full);
	font-size: var(--eg-fs-xs); font-weight: 700;
	letter-spacing: .12em; text-transform: uppercase;
}
.eg-hero__title {
	font-size: var(--eg-fs-h1);
	margin: var(--eg-sp-4) 0 var(--eg-sp-4);
	line-height: 1.05;
}
.eg-hero__title span { color: var(--eg-brand); }
.eg-hero__lead {
	font-size: var(--eg-fs-md);
	color: var(--eg-text-mute);
	max-width: 620px;
	margin-bottom: var(--eg-sp-5);
}
.eg-hero__ctas { display: flex; flex-wrap: wrap; gap: var(--eg-sp-3); }
.eg-hero__meta {
	margin-top: var(--eg-sp-5);
	display: flex; flex-wrap: wrap; gap: var(--eg-sp-4);
	font-size: var(--eg-fs-sm); color: var(--eg-text-soft);
}
.eg-hero__meta > div { display: flex; align-items: center; gap: 8px; }
.eg-hero__meta svg { color: var(--eg-brand); }

.eg-hero__visual {
	position: relative;
	aspect-ratio: 5 / 4;
	background: linear-gradient(135deg, #1A2331 0%, #0F1620 100%);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-lg);
	box-shadow: var(--eg-shadow-lg);
	overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
.eg-hero__visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.eg-hero__scrim {
	position: absolute; inset: 0; z-index: 2; pointer-events: none;
	background: linear-gradient(180deg, rgba(11,15,20,0) 55%, rgba(11,15,20,.65) 100%);
}
.eg-hero__visual .eg-hero__badges { z-index: 3; }
.eg-hero__visual-fallback {
	padding: var(--eg-sp-6);
	color: var(--eg-text-mute);
	font-size: var(--eg-fs-sm);
	text-align: center;
}
.eg-hero__badges {
	position: absolute; left: 16px; bottom: 16px; right: 16px;
	display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;
}
.eg-hero__badge {
	background: rgba(11,15,20,.75);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-sm);
	padding: 8px 12px;
	font-size: var(--eg-fs-xs); color: var(--eg-text);
	backdrop-filter: blur(8px);
	display: inline-flex; align-items: center; gap: 6px;
}
.eg-hero__badge svg { color: var(--eg-brand); width: 16px; height: 16px; }

/* Why-us */
.eg-whyus { display: grid; gap: var(--eg-sp-4); grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

/* Services grid */
.eg-services-grid { display: grid; gap: var(--eg-sp-4); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

/* Process timeline */
.eg-process {
	display: grid; gap: var(--eg-sp-4); grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	counter-reset: step;
}
.eg-process__step {
	position: relative;
	padding: var(--eg-sp-5); padding-top: var(--eg-sp-7);
	background: var(--eg-surface);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
	counter-increment: step;
}
.eg-process__step::before {
	content: counter(step, decimal-leading-zero);
	position: absolute; top: 16px; left: 20px;
	color: var(--eg-brand);
	font-weight: 700; font-size: var(--eg-fs-md);
	letter-spacing: .1em;
}
.eg-process__step-title { margin: 0 0 6px; font-size: var(--eg-fs-md); }
.eg-process__step-desc { color: var(--eg-text-mute); font-size: var(--eg-fs-sm); margin: 0; }

/* Locations grid */
.eg-locations-grid { display: grid; gap: var(--eg-sp-3); grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.eg-location-chip {
	background: var(--eg-surface);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-sm);
	padding: 16px 18px;
	display: flex; align-items: center; gap: 10px;
	text-decoration: none; color: var(--eg-text);
	transition: border-color var(--eg-dur-fast) var(--eg-ease), transform var(--eg-dur-fast) var(--eg-ease);
}
.eg-location-chip:hover { border-color: var(--eg-brand); color: var(--eg-text); transform: translateY(-2px); }
.eg-location-chip svg { color: var(--eg-brand); flex: 0 0 20px; }
.eg-location-chip__name { font-weight: 700; }
.eg-location-chip__meta { color: var(--eg-text-mute); font-size: var(--eg-fs-xs); display: block; }

/* Case studies */
.eg-case-grid { display: grid; gap: var(--eg-sp-4); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.eg-case-card { overflow: hidden; padding: 0; }
.eg-case-card__media { aspect-ratio: 4 / 3; position: relative; }
.eg-case-card__media::after {
	content: 'VAKA'; position: absolute; top: 12px; left: 12px;
	background: rgba(11,15,20,.8); color: var(--eg-brand);
	padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 800; letter-spacing: .1em;
}
.eg-case-card__body { padding: var(--eg-sp-4); }

/* Testimonials */
.eg-testimonials { display: grid; gap: var(--eg-sp-4); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.eg-testimonial {
	background: var(--eg-surface);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
	padding: var(--eg-sp-5);
	display: flex; flex-direction: column;
	gap: var(--eg-sp-3);
}
.eg-testimonial__stars { color: var(--eg-brand); font-size: 16px; }
.eg-testimonial__text { color: var(--eg-text-soft); font-size: var(--eg-fs-md); margin: 0; }
.eg-testimonial__author { font-size: var(--eg-fs-sm); color: var(--eg-text-mute); margin-top: auto; }
.eg-testimonial__author strong { color: var(--eg-text); font-weight: 700; }

/* Map CTA */
.eg-map-cta {
	display: grid; grid-template-columns: 1fr 1fr; gap: var(--eg-sp-5);
	background: var(--eg-surface);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
	overflow: hidden;
}
@media (max-width: 760px) { .eg-map-cta { grid-template-columns: 1fr; } }
.eg-map-cta__body { padding: var(--eg-sp-6); }
.eg-map-cta__map {
	min-height: 320px;
	background: var(--eg-surface-2);
	position: relative;
	display: flex; align-items: center; justify-content: center;
}
.eg-map-cta__map iframe { width: 100%; height: 100%; border: 0; position: absolute; inset: 0; }
.eg-map-cta__placeholder {
	padding: 20px; color: var(--eg-text-mute); text-align: center;
}
.eg-map-cta__placeholder button { margin-top: 12px; }

/* Internal links block */
.eg-linkblock {
	background: var(--eg-surface);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
	padding: var(--eg-sp-5);
}
.eg-linkblock__title { font-size: var(--eg-fs-md); margin: 0 0 var(--eg-sp-3); }
.eg-linkblock__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
.eg-linkblock__list a { display: inline-flex; align-items: center; gap: 6px; color: var(--eg-text-soft); padding: 6px 8px; border-radius: 6px; }
.eg-linkblock__list a:hover { background: var(--eg-surface-2); color: var(--eg-brand); }
.eg-linkblock__list svg { color: var(--eg-brand); width: 14px; height: 14px; }

/* Parts grid */
.eg-parts-grid { display: grid; gap: var(--eg-sp-4); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.eg-part-card { display: flex; flex-direction: column; gap: var(--eg-sp-3); }
.eg-part-card__head { display: flex; align-items: start; justify-content: space-between; gap: var(--eg-sp-2); }
.eg-part-card__code { font-size: var(--eg-fs-xs); color: var(--eg-text-mute); font-family: ui-monospace, monospace; }
.eg-part-card__title { margin: 0; font-size: var(--eg-fs-md); }
.eg-part-card__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }

/* Before / After gallery */
.eg-beforeafter { display: grid; grid-template-columns: 1fr 1fr; gap: var(--eg-sp-3); }
.eg-beforeafter figure {
	margin: 0; position: relative; aspect-ratio: 4 / 3;
	background: var(--eg-surface-2); border-radius: var(--eg-r-sm); overflow: hidden;
}
.eg-beforeafter img { width: 100%; height: 100%; object-fit: cover; }
.eg-beforeafter figcaption {
	position: absolute; top: 10px; left: 10px;
	background: rgba(11,15,20,.8); color: var(--eg-brand);
	padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 800; letter-spacing: .1em;
}

/* Blog / posts grid */
.eg-posts-grid { display: grid; gap: var(--eg-sp-5); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.eg-post-card__meta { font-size: var(--eg-fs-xs); color: var(--eg-text-mute); margin-bottom: 4px; }
.eg-post-card__title { margin: 0 0 8px; font-size: var(--eg-fs-md); }
.eg-post-card__excerpt { color: var(--eg-text-mute); font-size: var(--eg-fs-sm); margin: 0; }

/* CTA band */
.eg-cta-band {
	background:
		radial-gradient(600px 200px at 20% 0%, rgba(245,158,11,.25), transparent 60%),
		linear-gradient(135deg, #10181F 0%, var(--eg-surface) 100%);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-lg);
	padding: var(--eg-sp-7);
	display: grid; grid-template-columns: 2fr 1fr; gap: var(--eg-sp-5); align-items: center;
}
@media (max-width: 760px) { .eg-cta-band { grid-template-columns: 1fr; padding: var(--eg-sp-5); } }
.eg-cta-band__title { margin: 0 0 10px; font-size: var(--eg-fs-h3); }
.eg-cta-band__desc { color: var(--eg-text-mute); margin: 0; }
.eg-cta-band__ctas { display: flex; flex-wrap: wrap; gap: var(--eg-sp-3); }

/* Service intro block (single-service head) */
.eg-service-intro { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--eg-sp-6); align-items: center; padding: var(--eg-sp-7) 0; }
@media (max-width: 900px) { .eg-service-intro { grid-template-columns: 1fr; } }
.eg-service-intro__icon {
	width: 64px; height: 64px; color: var(--eg-brand);
	background: var(--eg-brand-weak); border-radius: var(--eg-r-md);
	display: inline-flex; align-items: center; justify-content: center; margin-bottom: var(--eg-sp-3);
}
.eg-service-intro__icon svg { width: 32px; height: 32px; }

/* Archive list rows */
.eg-archive-list { display: grid; gap: var(--eg-sp-4); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

/* === Service hero === */
.eg-service-hero { padding-bottom: var(--eg-sp-7); }
.eg-service-hero__grid {
	display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--eg-sp-7); align-items: center; margin-top: var(--eg-sp-4);
}
@media (max-width: 900px) { .eg-service-hero__grid { grid-template-columns: 1fr; } }
.eg-service-hero__meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: var(--eg-sp-4); }
.eg-service-hero__icon {
	width: 56px; height: 56px; border-radius: 14px;
	background: linear-gradient(135deg, var(--eg-brand) 0%, var(--eg-brand-2) 100%);
	color: #0B0F14;
	display: inline-flex; align-items: center; justify-content: center;
	box-shadow: 0 10px 28px rgba(245,158,11,.35);
	margin-right: 4px;
}
.eg-service-hero__body h1 { font-size: clamp(28px, 1.4rem + 2.2vw, 48px); line-height: 1.05; margin: 0 0 var(--eg-sp-3); letter-spacing: -.02em; }
.eg-service-hero__lead { color: var(--eg-text-mute); font-size: var(--eg-fs-md); max-width: 620px; margin: 0 0 var(--eg-sp-5); }
.eg-service-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: var(--eg-sp-5); }
.eg-service-hero__visual {
	aspect-ratio: 5/4; position: relative; overflow: hidden;
	border-radius: var(--eg-r-lg); border: 1px solid var(--eg-border);
	background: linear-gradient(135deg, #141F2D 0%, #0D1520 100%);
	box-shadow: var(--eg-shadow-lg);
}
.eg-service-hero__visual img { width: 100%; height: 100%; object-fit: cover; }
.eg-service-hero__visual--icon { display: flex; align-items: center; justify-content: center; color: var(--eg-brand); opacity: .6; }
.eg-service-hero__visual--icon svg { filter: drop-shadow(0 20px 40px rgba(245,158,11,.25)); }

/* Feature ribbon */
.eg-feature-ribbon {
	list-style: none; padding: var(--eg-sp-3) var(--eg-sp-4); margin: 0;
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
	background: var(--eg-surface); border: 1px solid var(--eg-border); border-radius: var(--eg-r-md);
}
@media (min-width: 720px) { .eg-feature-ribbon { grid-template-columns: repeat(4, 1fr); } }
.eg-feature-ribbon li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--eg-text-soft); font-weight: 600; }

/* === Service layout: main + sticky aside === */
.eg-service-layout {
	display: grid; grid-template-columns: 1fr 340px; gap: var(--eg-sp-7);
	align-items: start;
}
@media (max-width: 1024px) { .eg-service-layout { grid-template-columns: 1fr; } }
.eg-service-main { min-width: 0; }
.eg-service-block { margin-bottom: var(--eg-sp-7); }
.eg-service-block h2 { font-size: clamp(22px, 1.2rem + .8vw, 30px); letter-spacing: -.015em; margin: 0 0 var(--eg-sp-4); }
.eg-service-block--bg {
	background: linear-gradient(180deg, var(--eg-surface) 0%, transparent 100%);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
	padding: var(--eg-sp-6);
}

/* Symptom card (tickli uyarı blok) */
.eg-symptom {
	display: flex; gap: 14px; padding: 16px 18px;
	background: var(--eg-surface);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
	transition: border-color var(--eg-dur-fast) var(--eg-ease);
}
.eg-symptom:hover { border-color: var(--eg-danger); }
.eg-symptom__dot {
	width: 10px; height: 10px; flex: 0 0 10px; margin-top: 6px;
	background: var(--eg-danger); border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(239,68,68,.15);
}
.eg-symptom h3 { margin: 0 0 4px; font-size: 15px; color: var(--eg-text); }
.eg-symptom p { margin: 0; color: var(--eg-text-mute); font-size: 13.5px; line-height: 1.55; }

/* Vertical timeline (sol yeşil çizgi + step) */
.eg-vtimeline {
	list-style: none; padding: 0; margin: 0;
	position: relative; counter-reset: egstep;
}
.eg-vtimeline::before {
	content: ''; position: absolute; left: 19px; top: 14px; bottom: 14px;
	width: 2px; background: linear-gradient(180deg, var(--eg-brand) 0%, transparent 100%);
}
.eg-vtimeline > li {
	position: relative; padding-left: 56px; margin-bottom: var(--eg-sp-4);
	counter-increment: egstep;
}
.eg-vtimeline > li::before {
	content: counter(egstep, decimal-leading-zero);
	position: absolute; left: 0; top: 0; width: 40px; height: 40px;
	background: var(--eg-surface-2); color: var(--eg-brand);
	border: 2px solid var(--eg-brand);
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	font-size: 12px; font-weight: 800; letter-spacing: .06em;
}
.eg-vtimeline > li h3 { margin: 6px 0 4px; font-size: 17px; color: var(--eg-text); }
.eg-vtimeline > li p { margin: 0; color: var(--eg-text-mute); font-size: 14.5px; line-height: 1.6; }

/* === Sidebar quickcard === */
.eg-service-aside { position: relative; }
.eg-service-aside__sticky { position: sticky; top: calc(var(--eg-header-h) + 16px); display: grid; gap: 16px; }
@media (max-width: 1024px) { .eg-service-aside__sticky { position: static; } }

.eg-quickcard {
	background: linear-gradient(180deg, var(--eg-surface) 0%, var(--eg-surface-2) 100%);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
	padding: 22px;
	box-shadow: var(--eg-shadow-md);
}
.eg-quickcard__head { font-size: 12px; color: var(--eg-text-soft); display: flex; align-items: center; gap: 6px; margin-bottom: 14px; flex-wrap: wrap; }
.eg-quickcard__title { font-size: 18px; margin: 0 0 8px; color: var(--eg-text); display: flex; align-items: center; gap: 8px; }
.eg-quickcard__desc { color: var(--eg-text-mute); font-size: 13.5px; margin: 0 0 16px; line-height: 1.55; }
.eg-quickcard__list {
	list-style: none; padding: 14px 0 0; margin: 16px 0 0;
	display: grid; gap: 10px;
	border-top: 1px solid var(--eg-border);
}
.eg-quickcard__list li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--eg-text-soft); font-weight: 600; }

/* === İletişim sayfası === */
.eg-contact-grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--eg-sp-4);
	margin-bottom: var(--eg-sp-6);
}
.eg-contact-card {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 20px;
	background: linear-gradient(180deg, var(--eg-surface) 0%, var(--eg-surface-2) 100%);
	border: 1px solid var(--eg-border); border-radius: var(--eg-r-md);
	color: var(--eg-text); text-decoration: none;
	transition: transform var(--eg-dur-fast) var(--eg-ease), border-color var(--eg-dur-fast) var(--eg-ease), box-shadow var(--eg-dur-fast) var(--eg-ease);
}
.eg-contact-card:hover { transform: translateY(-3px); border-color: var(--eg-brand); box-shadow: var(--eg-shadow-md); color: var(--eg-text); }
.eg-contact-card__ic {
	width: 48px; height: 48px; border-radius: 12px; flex: 0 0 48px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(245,158,11,.12); color: var(--eg-brand);
}
.eg-contact-card--wa .eg-contact-card__ic { background: rgba(37,211,102,.15); color: #25D366; }
.eg-contact-card__label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: var(--eg-text-mute); font-weight: 700; margin-bottom: 4px; }
.eg-contact-card strong { display: block; color: var(--eg-text); font-size: 15.5px; line-height: 1.35; margin-bottom: 4px; word-break: break-word; }
.eg-contact-card small { color: var(--eg-text-mute); font-size: 12.5px; line-height: 1.5; }

.eg-contact-wrap {
	display: grid; grid-template-columns: 1fr 340px; gap: var(--eg-sp-7);
	align-items: start;
}
@media (max-width: 1024px) { .eg-contact-wrap { grid-template-columns: 1fr; } }
.eg-contact-main { display: grid; gap: var(--eg-sp-5); min-width: 0; }

.eg-contact-map { aspect-ratio: 16/9; border-radius: var(--eg-r-md); overflow: hidden; border: 1px solid var(--eg-border); }
.eg-contact-map iframe { width: 100%; height: 100%; border: 0; display: block; }

.eg-hours-card {
	background: var(--eg-surface); border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md); padding: 22px;
}
.eg-hours-card__title { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 17px; flex-wrap: wrap; }
.eg-hours-card__status { font-size: 12px; font-weight: 700; color: var(--eg-text-soft); letter-spacing: .02em; }
.eg-hours-card ul { list-style: none; padding: 0; margin: 0; }
.eg-hours-card li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed var(--eg-border); font-size: 14px; }
.eg-hours-card li:last-child { border-bottom: 0; }
.eg-hours-card li span { color: var(--eg-text-mute); }
.eg-hours-card li strong { color: var(--eg-text); font-weight: 700; }
.eg-hours-card__note { display: block !important; color: var(--eg-danger) !important; font-weight: 600; font-size: 13px !important; padding-top: 12px !important; }
.eg-hours-card__note::before { content: '⚠ '; }

/* Stats strip */
.eg-stats {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: var(--eg-sp-4);
	padding: var(--eg-sp-6);
	background: linear-gradient(135deg, var(--eg-surface) 0%, var(--eg-surface-2) 100%);
	border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-md);
}
.eg-stats__item { text-align: center; display: flex; flex-direction: column; gap: 4px; position: relative; }
.eg-stats__item + .eg-stats__item::before {
	content: ''; position: absolute; left: calc(-1 * var(--eg-sp-4) / 2); top: 15%; bottom: 15%; width: 1px; background: var(--eg-border);
}
@media (max-width: 720px) { .eg-stats__item + .eg-stats__item::before { display: none; } }
.eg-stats__num { font-size: var(--eg-fs-h2); font-weight: 800; color: var(--eg-brand); letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.eg-stats__lbl { font-size: var(--eg-fs-sm); color: var(--eg-text-mute); letter-spacing: .02em; }

/* Brands strip */
.eg-brands {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
	margin-top: var(--eg-sp-4);
}
.eg-brands__item {
	display: inline-flex; align-items: center; padding: 10px 18px;
	background: var(--eg-surface); border: 1px solid var(--eg-border);
	border-radius: var(--eg-r-full);
	color: var(--eg-text-soft); font-weight: 600; font-size: var(--eg-fs-sm);
	transition: border-color var(--eg-dur-fast) var(--eg-ease), color var(--eg-dur-fast) var(--eg-ease);
}
.eg-brands__item:hover { border-color: var(--eg-brand); color: var(--eg-brand); }