/* ===========================================================
   TECHNOFAA — قالب کلاسیک فارسی — استایل‌های سفارشی
   =========================================================== */

:root {
	--technofa-brand: var(--tf-brand);
	--technofa-brand-soft: #5D9CEC;
	--technofa-accent: #F25F70;
	--technofa-special: #6A1B9A;
	--technofa-highlight: #FBC02D;
	--technofa-success: #10B981;
	--technofa-danger: #EF4444;
	--technofa-bg-app: #F4F6FA;
	--technofa-bg-surface: #FFFFFF;
	--technofa-ink-primary: #1A1F2E;
	--technofa-ink-secondary: #6B7280;
	--technofa-radius: 20px;
	--technofa-radius-pill: 999px;
	--technofa-shadow: 0 1px 8px rgba(15, 23, 42, 0.06);
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.technofa-body {
	margin: 0;
	font-family: "Yekan Bakh", "IRANSansX", "Vazirmatn", system-ui, sans-serif;
	background: var(--technofa-bg-app);
	color: var(--technofa-ink-primary);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: 1.7;
}

a { color: var(--technofa-brand); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; display: block; }

.technofa-container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 16px;
}
@media (min-width: 768px) { .technofa-container { padding: 0 24px; } }

/* ----------------------- HEADER ----------------------- */
.technofa-header {
	background: var(--technofa-bg-surface);
	box-shadow: var(--technofa-shadow);
	position: relative; top: auto; z-index: 100;
}
.technofa-header__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 12px 16px;
	display: flex; align-items: center; gap: 12px;
}
.technofa-header__burger { background: none; border: 0; color: var(--technofa-ink-primary); display: inline-flex; padding: 6px; cursor: pointer; }
.technofa-header__logo { flex: 0 0 auto; }
.technofa-brand { display: inline-flex; gap: 8px; align-items: center; color: var(--technofa-ink-primary); font-weight: 500; }
.technofa-brand__mark { background: var(--technofa-brand); color: #FFF; width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; }
.technofa-brand__name { font-size: 19px; }
.technofa-header__search { flex: 1 1 auto; min-width: 0; }
.technofa-header__actions { display: flex; gap: 8px; }
.technofa-header__action { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #F4F6FA; color: var(--technofa-ink-primary); }
.technofa-header__badge {
	position: absolute; top: -4px; right: -4px;
	background: var(--technofa-accent); color: #FFF;
	min-width: 20px; height: 20px; border-radius: 10px;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 13px; padding: 0 6px;
}
.technofa-nav-primary { display: none; padding: 8px 16px; background: var(--technofa-bg-surface); border-top: 1px solid #E5E7EB; }
.technofa-nav__list { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; flex-wrap: wrap; }
.technofa-nav__list a { color: var(--technofa-ink-primary); font-weight: 400; }

@media (min-width: 768px) {
	.technofa-header__burger { display: none; }
	.technofa-nav-primary { display: block; }
}

/* ----------------------- TRUST BAR ----------------------- */
.technofa-trust-bar {
	background: var(--technofa-bg-surface);
	border-bottom: 1px solid #E5E7EB;
	font-size: 14px;
}
.technofa-trust-bar ul { list-style: none; margin: 0; padding: 8px 0; display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }
.technofa-trust-bar__tick { color: var(--technofa-success); font-weight: 500; margin-left: 4px; }

/* ----------------------- HERO ----------------------- */
.technofa-hero { padding: 24px 0 8px; }
.technofa-hero__inner {
	background: linear-gradient(135deg, var(--technofa-brand) 0%, var(--technofa-brand-soft) 100%);
	color: #FFF;
	padding: 32px 20px;
	border-radius: 24px;
	text-align: center;
}
.technofa-hero__title { font-size: 30px; margin: 0 0 12px; font-weight: 500; line-height: 1.4; }
@media (min-width: 768px) { .technofa-hero__title { font-size: 41.5px; } }
.technofa-hero__subtitle { font-size: 17px; opacity: 0.92; margin: 0 0 20px; }
.technofa-hero__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.technofa-hero__trust { font-size: 14px; opacity: 0.85; margin: 16px 0 0; }

/* ----------------------- BUTTONS ----------------------- */
.technofa-btn {
	display: inline-flex; align-items: center; justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: var(--technofa-radius-pill);
	font-weight: 450;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	transition: transform 0.15s, box-shadow 0.15s;
}
.technofa-btn:hover { transform: translateY(-1px); text-decoration: none; }
.technofa-btn--primary { background: var(--technofa-brand); color: #FFF; }
.technofa-btn--primary:hover { background: #0036cc; color: #FFF; }
.technofa-btn--accent { background: var(--technofa-accent); color: #FFF; }
.technofa-btn--outline { background: transparent; color: var(--technofa-brand); border: 1.5px solid var(--technofa-brand); }
.technofa-btn--special { background: var(--technofa-special); color: #FFF; }
.technofa-btn--block { width: 100%; }

/* ----------------------- BRAND GRID ----------------------- */
.technofa-brand-grid { padding: 24px 0; }
.technofa-brand-grid h2 { font-size: 20.5px; margin: 0 0 12px; }
.technofa-brand-grid__items { display: flex; gap: 8px; flex-wrap: wrap; }
.technofa-brand-chip {
	background: var(--technofa-bg-surface);
	padding: 8px 16px;
	border-radius: var(--technofa-radius-pill);
	color: var(--technofa-ink-primary);
	font-size: 15px;
	font-weight: 400;
	border: 1px solid #E5E7EB;
}
.technofa-brand-chip--accent { background: var(--technofa-accent); color: #FFF; border-color: transparent; }

/* ----------------------- SECTIONS ----------------------- */
.technofa-section { padding: 32px 0; }
.technofa-section__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.technofa-section__title { font-size: 20.5px; margin: 0; font-weight: 500; }
.technofa-section__more { font-size: 15px; color: var(--technofa-brand); }

/* ----------------------- PRODUCT GRID ----------------------- */
.technofa-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}
@media (min-width: 768px) { .technofa-products-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
@media (min-width: 1024px) { .technofa-products-grid { grid-template-columns: repeat(4, 1fr); } }

.technofa-product-card {
	background: var(--technofa-bg-surface);
	border-radius: var(--technofa-radius);
	overflow: hidden;
	box-shadow: var(--technofa-shadow);
	transition: transform 0.15s, box-shadow 0.15s;
	list-style: none;
}
.technofa-product-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 71, 255, 0.1); }
.technofa-product-card__link { color: inherit; text-decoration: none; display: block; }
.technofa-product-card__media { position: relative; padding-top: 100%; background: var(--technofa-bg-app); }
.technofa-product-card__image, .technofa-product-card__image-placeholder {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.technofa-product-card__image-placeholder { display: flex; align-items: center; justify-content: center; color: var(--technofa-ink-secondary); }
.technofa-product-card__badge {
	position: absolute; top: 8px; right: 8px;
	background: var(--technofa-special); color: #FFF;
	padding: 4px 10px; border-radius: var(--technofa-radius-pill);
	font-size: 13px; font-weight: 450;
}
.technofa-product-card__badge--sale { background: var(--technofa-special); }
.technofa-product-card__badge--oos { background: var(--technofa-ink-secondary); }
.technofa-product-card__body { padding: 12px; }
.technofa-product-card__title { font-size: 15px; margin: 0 0 8px; font-weight: 450; line-height: 1.5; min-height: 42px; }
.technofa-product-card__price-toman { display: block; color: var(--technofa-brand); font-weight: 500; font-size: 17px; }
.technofa-product-card__price-aed { display: block; color: var(--technofa-ink-secondary); font-size: 13px; }
.technofa-product-card__quick-add { margin-top: 10px; }

/* ----------------------- TRADE-IN ----------------------- */
.technofa-section--tradein { background: linear-gradient(135deg, var(--technofa-accent) 0%, #c93b53 100%); color: #FFF; border-radius: 0; }
.technofa-tradein-cta { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 0; }
.technofa-tradein-cta h2 { margin: 0 0 8px; font-size: 25.5px; font-weight: 500; }
.technofa-tradein-cta p { margin: 0; font-size: 15px; opacity: 0.9; }

.technofa-tradein-step {
	background: var(--technofa-bg-surface);
	border-radius: var(--technofa-radius);
	padding: 24px;
	position: relative;
	border-top: 4px solid var(--technofa-brand);
	box-shadow: var(--technofa-shadow);
}
.technofa-tradein-step--accent { border-top-color: var(--technofa-accent); }
.technofa-tradein-step--success { border-top-color: var(--technofa-success); }
.technofa-tradein-step__num { display: block; font-size: 30px; font-weight: 500; color: var(--technofa-brand); margin-bottom: 8px; }
.technofa-tradein-step--accent .technofa-tradein-step__num { color: var(--technofa-accent); }
.technofa-tradein-step--success .technofa-tradein-step__num { color: var(--technofa-success); }
.technofa-tradein-step__title { font-size: 17px; margin: 0 0 8px; font-weight: 500; }
.technofa-tradein-step__desc { font-size: 14px; color: var(--technofa-ink-secondary); margin: 0; }

/* ----------------------- SINGLE PRODUCT ----------------------- */
.technofa-product-single__layout {
	display: grid; gap: 24px; padding: 16px 0;
	grid-template-columns: 1fr;
}
@media (min-width: 900px) { .technofa-product-single__layout { grid-template-columns: 1fr 1fr; } }
.technofa-product-single__media, .technofa-product-single__summary {
	background: var(--technofa-bg-surface); border-radius: var(--technofa-radius);
	padding: 20px; box-shadow: var(--technofa-shadow);
}
.technofa-product-single__title { font-size: 25.5px; font-weight: 500; margin: 0 0 8px; }
.technofa-product-single__price { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.technofa-product-single__price .price { font-size: 27.5px; color: var(--technofa-brand); font-weight: 500; }
.technofa-product-single__aed { color: var(--technofa-ink-secondary); font-size: 14px; margin: 0; }
.technofa-product-single__stock { padding: 4px 12px; border-radius: var(--technofa-radius-pill); font-weight: 450; font-size: 13px; display: inline-block; }
.technofa-product-single__stock--in { background: var(--technofa-success); color: #FFF; }
.technofa-product-single__stock--out { background: var(--technofa-danger); color: #FFF; }
.technofa-product-single__trust { color: var(--technofa-ink-secondary); font-size: 14px; border-top: 1px solid #E5E7EB; padding-top: 12px; margin-top: 12px; }
.technofa-product-single__trust p { margin: 4px 0; }

.technofa-back-in-stock {
	background: var(--technofa-bg-surface);
	border-radius: var(--technofa-radius);
	padding: 20px;
	margin-top: 24px;
	box-shadow: var(--technofa-shadow);
}
.technofa-back-in-stock__form { display: grid; gap: 10px; }
.technofa-back-in-stock__form input[type="tel"] { padding: 12px; border-radius: 12px; border: 1px solid #E5E7EB; font: inherit; }
.technofa-back-in-stock__form label { font-size: 14px; color: var(--technofa-ink-secondary); }

/* ----------------------- SHOP ARCHIVE ----------------------- */
.technofa-shop-header { padding: 24px 0 12px; }
.technofa-shop-controls { display: flex; gap: 8px; justify-content: space-between; align-items: center; padding-bottom: 16px; }
.technofa-shop-layout { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .technofa-shop-layout { grid-template-columns: 280px 1fr; } }

.technofa-shop-filters {
	background: var(--technofa-bg-surface);
	border-radius: var(--technofa-radius);
	padding: 20px;
	box-shadow: var(--technofa-shadow);
}
.technofa-shop-filters__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.technofa-shop-filters__close { background: none; border: 0; font-size: 20.5px; cursor: pointer; }

.technofa-attr-filter h4 { font-size: 15px; margin: 12px 0 8px; }
.technofa-attr-filter ul { list-style: none; padding: 0; margin: 0; }
.technofa-attr-filter li { padding: 4px 0; }
.technofa-filter-toggle {
	display: inline-flex; align-items: center; gap: 6px;
	background: var(--technofa-brand); color: #FFF;
	padding: 8px 16px; border: 0; border-radius: var(--technofa-radius-pill); cursor: pointer;
}

@media (max-width: 899px) {
	.technofa-shop-filters { position: fixed; inset: 0 0 0 auto; z-index: 200; max-width: 320px; transform: translateX(100%); transition: transform 0.3s; }
	.technofa-shop-filters[data-open="true"] { transform: translateX(0); }
}

/* ----------------------- CART / CHECKOUT ----------------------- */




/* ----------------------- MY ACCOUNT ----------------------- */
.technofa-myaccount { padding: 24px 0; }
.technofa-myaccount__layout { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .technofa-myaccount__layout { grid-template-columns: 240px 1fr; } }
.technofa-myaccount__nav .woocommerce-MyAccount-navigation { background: var(--technofa-bg-surface); border-radius: var(--technofa-radius); padding: 16px; }

.technofa-login, .technofa-register {
	background: var(--technofa-bg-surface);
	border-radius: var(--technofa-radius);
	padding: 24px;
	max-width: 480px;
	margin: 0 auto;
	box-shadow: var(--technofa-shadow);
}
.technofa-login__otp { border-top: 1px solid #E5E7EB; padding-top: 16px; margin-top: 16px; }
.technofa-otp-form { display: grid; gap: 10px; }
.technofa-otp-form input { padding: 12px; border-radius: 12px; border: 1px solid #E5E7EB; font-family: inherit; font-size: 17px; }

/* ----------------------- B2B DASHBOARD ----------------------- */
.technofa-dashboard { padding: 24px 0; }
.technofa-dashboard__head { background: linear-gradient(135deg, #0B0F14 0%, var(--technofa-brand) 220%); color: #FFF; padding: 24px; border-radius: 24px; margin-bottom: 16px; }
.technofa-dashboard__head h1 { font-size: 25.5px; margin: 0 0 8px; font-weight: 500; }
.technofa-dashboard__role { font-size: 14px; opacity: 0.85; margin: 0; }
.technofa-dashboard__kpis { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); margin-bottom: 24px; }
@media (min-width: 768px) { .technofa-dashboard__kpis { grid-template-columns: repeat(4, 1fr); } }
.technofa-kpi-card {
	background: var(--technofa-bg-surface);
	border-radius: var(--technofa-radius);
	padding: 20px;
	box-shadow: var(--technofa-shadow);
}
.technofa-kpi-card__label { color: var(--technofa-ink-secondary); font-size: 14px; margin: 0; }
.technofa-kpi-card__value { font-size: 27.5px; font-weight: 500; color: var(--technofa-ink-primary); margin: 8px 0; }
.technofa-kpi-card__trend { font-size: 14px; margin: 0; color: var(--technofa-ink-secondary); }
.technofa-kpi-card--success .technofa-kpi-card__trend { color: var(--technofa-success); }
.technofa-kpi-card--accent .technofa-kpi-card__trend { color: var(--technofa-accent); }

.technofa-dashboard__quickorder, .technofa-dashboard__csv {
	background: var(--technofa-bg-surface);
	border-radius: var(--technofa-radius);
	padding: 20px;
	box-shadow: var(--technofa-shadow);
	margin-bottom: 16px;
}
.technofa-quickorder__table { width: 100%; border-collapse: collapse; }
.technofa-quickorder__table th, .technofa-quickorder__table td { padding: 8px; border-bottom: 1px solid #E5E7EB; text-align: right; font-size: 14px; }
.technofa-quickorder__table input[type="number"] { width: 70px; padding: 6px; border-radius: 8px; border: 1px solid #E5E7EB; }
.technofa-quickorder__table .toman { color: var(--technofa-brand); font-weight: 500; }

/* ----------------------- FOOTER ----------------------- */
.technofa-footer { background: var(--technofa-bg-surface); border-top: 1px solid #E5E7EB; padding: 32px 16px; }
.technofa-footer__grid { display: grid; gap: 24px; grid-template-columns: 1fr; max-width: 1280px; margin: 0 auto; }
@media (min-width: 768px) { .technofa-footer__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .technofa-footer__grid { grid-template-columns: repeat(4, 1fr); } }
.technofa-footer__title { font-size: 17px; margin: 0 0 12px; font-weight: 500; }
.technofa-footer__address { color: var(--technofa-ink-secondary); font-size: 14px; }
.technofa-footer__nav { list-style: none; padding: 0; margin: 0; }
.technofa-footer__nav li { padding: 4px 0; }
.technofa-footer__nav a { color: var(--technofa-ink-primary); }
.technofa-footer__trust-seals { display: flex; gap: 12px; margin-top: 16px; }
.technofa-trust-placeholder {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 80px; min-height: 60px;
	border: 1px dashed #C0C5CC; border-radius: 12px;
	color: var(--technofa-ink-secondary); font-size: 13px; text-align: center;
	padding: 8px;
}
.technofa-footer__legal { text-align: center; color: var(--technofa-ink-secondary); font-size: 14px; padding-top: 24px; margin-top: 24px; border-top: 1px solid #E5E7EB; max-width: 1280px; margin-left: auto; margin-right: auto; }

/* ----------------------- BOTTOM NAV (mobile) ----------------------- */
.technofa-bottom-nav {
	position: fixed; bottom: 0; left: 0; right: 0;
	background: var(--technofa-bg-surface);
	border-top: 1px solid #E5E7EB;
	z-index: 90;
	display: flex;
	justify-content: space-around;
	padding: 8px 8px max(8px, env(safe-area-inset-bottom));
	box-shadow: 0 -2px 8px rgba(15, 23, 42, 0.06);
}
.technofa-bottom-nav__item {
	position: relative;
	display: flex; flex-direction: column; align-items: center; gap: 2px;
	color: var(--technofa-ink-primary); font-size: 13px; padding: 4px 0;
}
.technofa-bottom-nav__badge {
	position: absolute; top: -2px; right: -8px;
	background: var(--technofa-accent); color: #FFF;
	min-width: 16px; height: 16px; border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 0 4px; font-size: 12px;
}
@media (min-width: 768px) { .technofa-bottom-nav { display: none; } }

body { padding-bottom: 64px; }
@media (min-width: 768px) { body { padding-bottom: 0; } }

/* ----------------------- WARRANTY TAB ----------------------- */
.technofa-warranty-tab__items { list-style: none; padding: 0; margin: 0; }
.technofa-warranty-tab__items li { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.technofa-warranty-tab__tick { color: var(--technofa-ink-secondary); font-weight: 500; width: 24px; }
.technofa-warranty-tab__items li.is-checked .technofa-warranty-tab__tick { color: var(--technofa-success); }
.technofa-warranty-tab__seal { background: var(--technofa-success); color: #FFF; padding: 12px; border-radius: 12px; margin-top: 12px; }

/* ----------------------- 404 ----------------------- */
.technofa-404 { text-align: center; padding: 80px 16px; }
.technofa-404__code { font-size: 96px; color: var(--technofa-brand); margin: 0; font-weight: 500; }
.technofa-404__title { font-size: 20.5px; margin: 12px 0; }
.technofa-404__text { color: var(--technofa-ink-secondary); margin-bottom: 24px; }
.technofa-404__actions { margin-bottom: 24px; }

/* ----------------------- Mobile-only / desktop-only ----------------------- */
@media (min-width: 768px) { .is-mobile-only { display: none !important; } }
@media (max-width: 767px) { .is-desktop-only { display: none !important; } }

/* ----------------------- Reduced motion ----------------------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ----------------------- TRADE-IN PAGE ----------------------- */
.technofa-page-tradein { padding: 0 0 64px; }

.technofa-tradein-hero {
	background: linear-gradient(135deg, var(--technofa-accent) 0%, #c93b53 100%);
	color: #FFF;
	padding: 48px 0;
}
.technofa-tradein-hero__title { font-size: 34px; margin: 0 0 12px; font-weight: 500; line-height: 1.4; }
@media (min-width: 768px) { .technofa-tradein-hero__title { font-size: 45px; } }
.technofa-tradein-hero__lead { font-size: 17px; opacity: 0.92; max-width: 720px; margin: 0 auto 20px; }
.technofa-tradein-hero__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.technofa-tradein-steps { padding: 48px 0; }
.technofa-tradein-steps__grid { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) { .technofa-tradein-steps__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .technofa-tradein-steps__grid { grid-template-columns: repeat(6, 1fr); } }

.technofa-tradein-form-section { padding: 32px 0; background: var(--technofa-bg-surface); border-radius: 32px; margin: 24px 16px; }
@media (min-width: 768px) { .technofa-tradein-form-section { margin: 24px auto; max-width: 920px; } }
.technofa-tradein-form-section__lead { color: var(--technofa-ink-secondary); margin-bottom: 24px; }

.technofa-alert { padding: 14px 20px; border-radius: 12px; margin-bottom: 16px; font-size: 15px; }
.technofa-alert--success { background: #E8F8F0; color: #06694A; border: 1px solid #B5E5C8; }
.technofa-alert--error { background: #FFEBEE; color: #B22; border: 1px solid #f9c0c0; }

/* Multi-step form */
.technofa-tradein-form {
	background: var(--technofa-bg-app);
	border-radius: 24px;
	padding: 24px;
	box-shadow: var(--technofa-shadow);
}
.technofa-stepper {
	list-style: none; padding: 0; margin: 0 0 24px;
	display: flex; gap: 4px; flex-wrap: wrap; counter-reset: step;
}
.technofa-stepper li {
	flex: 1 1 0;
	min-width: 90px;
	padding: 8px 12px;
	border-radius: var(--technofa-radius-pill);
	background: var(--technofa-bg-surface);
	border: 1px solid #E5E7EB;
	text-align: center;
	font-size: 14px; font-weight: 450;
	color: var(--technofa-ink-secondary);
}
.technofa-stepper li.is-active {
	background: var(--technofa-brand); color: #FFF; border-color: transparent;
}
.technofa-stepper li.is-done { background: #E8F8F0; color: #06694A; border-color: #B5E5C8; }

.technofa-step {
	border: 0;
	padding: 0;
	margin: 0;
}
.technofa-step legend {
	font-weight: 500; font-size: 20.5px; margin-bottom: 16px; width: 100%;
}
.technofa-step__hint { color: var(--technofa-ink-secondary); font-size: 14px; margin: 0 0 16px; }
.technofa-step__nav {
	margin-top: 24px;
	display: flex; gap: 8px; justify-content: space-between;
	border-top: 1px solid #E5E7EB; padding-top: 16px;
}

.technofa-field { display: block; margin: 14px 0; }
.technofa-field label { display: block; font-weight: 450; font-size: 15px; margin-bottom: 6px; }
.technofa-field .required { color: var(--technofa-accent); }
.technofa-field input[type="text"],
.technofa-field input[type="tel"],
.technofa-field select {
	width: 100%; padding: 12px;
	border: 1.5px solid #E5E7EB; border-radius: 12px;
	font-family: inherit; font-size: 17px; background: #FFF;
}
.technofa-field input:focus, .technofa-field select:focus {
	border-color: var(--technofa-brand);
	outline: 2px solid rgba(0,71,255,0.18);
	outline-offset: 1px;
}
.technofa-field small { color: var(--technofa-ink-secondary); font-size: 13px; }

.technofa-checklist-row {
	display: flex; align-items: center; justify-content: space-between;
	background: #FFF; border-radius: 12px;
	padding: 12px 16px; margin-bottom: 8px;
	border: 1px solid #E5E7EB;
	transition: background 0.15s, border-color 0.15s;
}
.technofa-checklist-row:has(input:checked) {
	background: #E8F8F0;
	border-color: #B5E5C8;
}
.technofa-checklist-row__name { font-weight: 400; font-size: 15px; }
.technofa-checklist-row__ok { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.technofa-checklist-row__ok input[type="checkbox"] {
	width: 22px; height: 22px;
	accent-color: var(--technofa-success);
}
.technofa-checklist-row__ok span { font-weight: 450; font-size: 14px; color: var(--technofa-success); }

.technofa-consent-box {
	background: #FFF7E1; border: 1px solid #FBC02D;
	border-radius: 12px; padding: 16px;
	margin-top: 16px;
}
.technofa-consent-box label { display: flex; gap: 8px; align-items: flex-start; padding: 6px 0; font-size: 14px; }

/* Dashboard */
.technofa-page-tradein-dashboard { padding: 32px 0; }
.technofa-page-tradein-dashboard h1 { font-size: 25.5px; margin: 0; }

.technofa-tradein-empty {
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	padding: 32px; text-align: center;
	box-shadow: var(--technofa-shadow);
}

.technofa-tradein-list {
	display: grid; gap: 16px;
	grid-template-columns: 1fr;
	margin-top: 24px;
}
@media (min-width: 768px) { .technofa-tradein-list { grid-template-columns: repeat(2, 1fr); } }

.technofa-tradein-card {
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	padding: 20px;
	box-shadow: var(--technofa-shadow);
	border-right: 4px solid var(--technofa-brand);
}
.technofa-tradein-card header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.technofa-tradein-card__code { font-family: monospace; font-weight: 500; color: var(--technofa-ink-primary); }
.technofa-tradein-card__status { padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 450; }
.technofa-status--pending { background: #FFF7E1; color: #A26E00; }
.technofa-status--success { background: #E8F8F0; color: #06694A; }
.technofa-status--danger { background: #FFF0F1; color: #B42331; }
.technofa-status--evaluated { background: #E8F0FF; color: var(--technofa-brand); }
.technofa-status--inspecting { background: #EDE7F6; color: var(--technofa-special); }
.technofa-status--received { background: #E8F8F0; color: #06694A; }
.technofa-status--completed { background: #10B981; color: #FFF; }
.technofa-tradein-card__code { font-size: 15px; }
.technofa-tradein-card h3 { font-size: 19px; margin: 8px 0; font-weight: 500; }
.technofa-tradein-card__created { font-size: 13px; color: var(--technofa-ink-secondary); margin: 8px 0 0; }
.technofa-tradein-card__warn { color: var(--technofa-accent); font-size: 13px; }

/* FAQ */
.technofa-tradein-faq { padding: 32px 0; }
.technofa-faq-item {
	background: var(--technofa-bg-surface);
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	padding: 12px 16px;
	margin-bottom: 8px;
}
.technofa-faq-item summary { font-weight: 500; cursor: pointer; }
.technofa-faq-item p { color: var(--technofa-ink-secondary); margin: 8px 0 0; font-size: 15px; }

/* ----------------------- COMPARE PAGE ----------------------- */
.technofa-page-compare { padding: 0 0 64px; min-height: 50vh; }

.technofa-compare-hero {
	background: linear-gradient(135deg, var(--technofa-brand) 0%, var(--technofa-brand-soft) 100%);
	color: #FFF;
	padding: 40px 0;
}
.technofa-compare-hero__title { font-size: 30px; margin: 0 0 12px; font-weight: 500; }
@media (min-width: 768px) { .technofa-compare-hero__title { font-size: 37.5px; } }
.technofa-compare-hero__lead { font-size: 16px; opacity: 0.92; max-width: 720px; margin: 0; }

.technofa-compare-share {
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	padding: 20px;
	margin: 24px auto;
	box-shadow: var(--technofa-shadow);
}
.technofa-compare-share__label { display: block; font-weight: 500; margin-bottom: 8px; font-size: 15px; color: var(--technofa-ink-primary); }
.technofa-compare-share__row { display: flex; gap: 8px; flex-wrap: wrap; }
.technofa-compare-share__input {
	flex: 1; min-width: 220px;
	padding: 12px; border-radius: 12px;
	border: 1.5px solid #E5E7EB;
	font-family: monospace; font-size: 14px;
	background: var(--technofa-bg-app);
}
.technofa-compare-share__hint { font-size: 13px; color: var(--technofa-ink-secondary); margin: 8px 0 0; }

.technofa-compare-picker {
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	padding: 24px;
	margin: 24px auto;
	box-shadow: var(--technofa-shadow);
}
.technofa-compare-picker h2 { font-size: 20.5px; margin: 0 0 8px; font-weight: 500; }
.technofa-compare-picker__hint { color: var(--technofa-ink-secondary); margin: 0 0 16px; font-size: 14px; }
.technofa-compare-picker__grid {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
	margin-bottom: 16px;
}
@media (min-width: 600px) { .technofa-compare-picker__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .technofa-compare-picker__grid { grid-template-columns: repeat(4, 1fr); } }

.technofa-compare-slot {
	background: var(--technofa-bg-app);
	border-radius: 12px;
	padding: 14px;
	border: 1.5px solid #E5E7EB;
	position: relative;
}
.technofa-compare-slot label { display: block; font-size: 13px; color: var(--technofa-ink-secondary); margin-bottom: 6px; font-weight: 450; }
.technofa-compare-slot__search { position: relative; }
.technofa-compare-slot__search input {
	width: 100%; padding: 10px;
	border-radius: 8px;
	border: 1px solid #E5E7EB;
	font-family: inherit; font-size: 15px;
}
.technofa-compare-search__results {
	position: absolute; left: 0; right: 0; top: 100%;
	background: #FFF;
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.12);
	z-index: 30;
	max-height: 320px; overflow: auto;
	margin-top: 4px;
	display: none;
}
.technofa-compare-search__results.is-open { display: block; }
.technofa-compare-search__item {
	display: flex; align-items: center; gap: 10px;
	padding: 10px 12px; cursor: pointer;
	border-bottom: 1px solid #F4F6FA;
	font-size: 14px;
}
.technofa-compare-search__item:hover, .technofa-compare-search__item.is-focused { background: var(--technofa-bg-app); }
.technofa-compare-search__item img { width: 36px; height: 36px; border-radius: 6px; object-fit: cover; }
.technofa-compare-search__item-main { flex: 1; }
.technofa-compare-search__item-title { font-weight: 450; }
.technofa-compare-search__item-meta { color: var(--technofa-ink-secondary); font-size: 13px; }
.technofa-compare-slot__remove { margin-top: 8px; }

.technofa-compare-empty {
	text-align: center;
	padding: 60px 24px;
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	box-shadow: var(--technofa-shadow);
	color: var(--technofa-ink-secondary);
}
.technofa-compare-empty svg { color: var(--technofa-brand); margin-bottom: 16px; }
.technofa-compare-empty h3 { font-size: 20.5px; margin: 0 0 8px; color: var(--technofa-ink-primary); }
.technofa-compare-empty p { margin: 0; }

.technofa-compare-table-wrap {
	background: var(--technofa-bg-surface);
	border-radius: 20px;
	padding: 0;
	box-shadow: var(--technofa-shadow);
	overflow-x: auto;
	margin-top: 24px;
}
.technofa-compare-table {
	width: 100%; min-width: 720px;
	border-collapse: separate; border-spacing: 0;
	font-size: 15px;
}
.technofa-compare-table th, .technofa-compare-table td {
	padding: 12px 16px;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #F4F6FA;
}
.technofa-compare-table th[scope="row"], .technofa-compare-table__spec {
	background: var(--technofa-bg-app);
	font-weight: 500;
	color: var(--technofa-ink-primary);
	text-align: right;
	white-space: nowrap;
	width: 160px;
}
.technofa-compare-table__product {
	text-align: center;
	padding: 20px 16px;
	background: #FFF;
	border-bottom: 2px solid var(--technofa-brand);
}
.technofa-compare-product__image img { width: 120px; height: 120px; object-fit: contain; margin: 0 auto 8px; }
.technofa-compare-product__title { font-size: 15px; font-weight: 500; margin: 8px 0 4px; }
.technofa-compare-product__title a { color: var(--technofa-ink-primary); text-decoration: none; }
.technofa-compare-product__remove {
	background: none; border: 0; color: var(--technofa-accent);
	font-size: 13px; cursor: pointer; text-decoration: underline;
}

.technofa-compare-table__cell { text-align: center; }
.technofa-compare-table__cell--image { background: #FAFBFC; }
.technofa-compare-table__cell--price strong { color: var(--technofa-brand); font-size: 17px; font-weight: 500; }
.technofa-compare-table__cell--price del { color: var(--technofa-ink-secondary); font-size: 13px; margin-left: 4px; }
.technofa-compare-stock {
	display: inline-block; padding: 4px 12px; border-radius: 999px;
	font-size: 13px; font-weight: 450;
}
.technofa-compare-stock--in { background: #E8F8F0; color: #06694A; }
.technofa-compare-stock--out { background: #FFEBEE; color: #B22; }
.technofa-compare-suffix { font-size: 13px; color: var(--technofa-ink-secondary); margin-right: 2px; }
.technofa-compare-oos { color: var(--technofa-ink-secondary); font-size: 13px; }

.technofa-compare-table__action-row td { background: var(--technofa-bg-app); padding: 16px; }
.technofa-compare-table__action-row .technofa-btn { display: block; margin: 4px auto; padding: 10px 18px; max-width: 200px; }

/* responsive: stack specs on mobile */
@media (max-width: 600px) {
	.technofa-compare-table { font-size: 14px; }
	.technofa-compare-table th[scope="row"], .technofa-compare-table__spec { width: 110px; padding: 8px 10px; }
	.technofa-compare-product__image img { width: 80px; height: 80px; }
}

/* ----------------------- ABOUT PAGE ----------------------- */
.technofa-page-about { padding: 0 0 64px; }
.technofa-page-contact { padding: 0 0 64px; }

.technofa-about-hero, .technofa-contact-hero {
	background: linear-gradient(135deg, var(--technofa-brand) 0%, var(--technofa-brand-soft) 100%);
	color: #FFF;
	padding: 48px 0;
}
.technofa-about-hero__eyebrow, .technofa-contact-hero__eyebrow { font-size: 14px; opacity: 0.85; margin: 0 0 8px; }
.technofa-about-hero__title, .technofa-contact-hero__title {
	font-size: 32px; margin: 0 0 12px; font-weight: 500; line-height: 1.4;
}
@media (min-width: 768px) {
	.technofa-about-hero__title, .technofa-contact-hero__title { font-size: 45px; }
}
.technofa-about-hero__lead, .technofa-contact-hero__lead {
	font-size: 17px; opacity: 0.92; max-width: 720px; margin: 0;
}

/* Stats counter */
.technofa-about-stats { padding: 24px 0; background: var(--technofa-bg-surface); margin: 0 0 24px; }
.technofa-about-stats__grid {
	display: grid; gap: 12px;
	grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) { .technofa-about-stats__grid { grid-template-columns: repeat(4, 1fr); } }
.technofa-stat-card {
	background: var(--technofa-bg-app);
	border-radius: 16px;
	padding: 20px 16px;
	text-align: center;
}
.technofa-stat-card__num {
	font-size: 30px; font-weight: 600; color: var(--technofa-brand);
	margin-bottom: 6px; line-height: 1;
}
.technofa-stat-card__label { font-size: 14px; color: var(--technofa-ink-secondary); }

/* Story */
.technofa-about-story { padding: 32px 0; }
.technofa-about-story__grid {
	display: grid; gap: 32px;
	grid-template-columns: 1fr;
}
@media (min-width: 900px) { .technofa-about-story__grid { grid-template-columns: 1.2fr 1fr; align-items: start; } }
.technofa-about-story__text p { line-height: 1.9; color: var(--technofa-ink-secondary); margin: 0 0 14px; }
.technofa-about-story__text strong { color: var(--technofa-ink-primary); }
.technofa-about-story__media { background: var(--technofa-bg-surface); border-radius: 16px; overflow: hidden; box-shadow: var(--technofa-shadow); }
.technofa-photo-placeholder {
	padding: 36px 24px;
	text-align: center;
	color: var(--technofa-ink-secondary);
	background: repeating-linear-gradient(45deg, var(--technofa-bg-app) 0 10px, #ECEEF2 10px 20px);
	border-radius: 16px;
}
.technofa-photo-placeholder p { margin: 12px 0 4px; font-weight: 450; }
.technofa-photo-placeholder small { font-size: 13px; display: block; line-height: 1.6; }
.technofa-photo-placeholder code { background: rgba(0,0,0,.05); padding: 1px 6px; border-radius: 4px; }

/* Features */
.technofa-about-features { padding: 32px 0; }
.technofa-features-grid {
	display: grid; gap: 16px;
	grid-template-columns: 1fr;
	margin-top: 16px;
}
@media (min-width: 640px) { .technofa-features-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .technofa-features-grid { grid-template-columns: repeat(3, 1fr); } }
.technofa-feature-card {
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	padding: 20px;
	box-shadow: var(--technofa-shadow);
	transition: transform 0.15s, box-shadow 0.15s;
}
.technofa-feature-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,71,255,0.08); }
.technofa-feature-card__icon {
	width: 36px; height: 36px;
	border-radius: 10px;
	background: var(--technofa-bg-app);
	color: var(--technofa-brand);
	display: inline-flex; align-items: center; justify-content: center;
	font-weight: 500; font-size: 19px;
	margin-bottom: 8px;
}
.technofa-feature-card__title { font-size: 17px; margin: 0 0 6px; font-weight: 500; }
.technofa-feature-card__desc { font-size: 14px; color: var(--technofa-ink-secondary); margin: 0; line-height: 1.7; }

/* Trust list */
.technofa-about-trust { padding: 32px 0; background: var(--technofa-bg-surface); border-radius: 24px; margin: 24px 16px; }
@media (min-width: 768px) { .technofa-about-trust { margin: 24px auto; max-width: 1080px; } }
.technofa-about-trust__list { list-style: none; padding: 0; margin: 16px 0 0; }
.technofa-about-trust__list li { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #E5E7EB; font-size: 15px; }
.technofa-about-trust__list li:last-child { border-bottom: 0; }
.technofa-about-trust__list .technofa-check {
	color: var(--technofa-success); font-weight: 500; flex: 0 0 24px;
}

/* CTA */
.technofa-about-cta {
	padding: 48px 0;
	background: linear-gradient(135deg, var(--technofa-brand) 0%, #1a2a8a 100%);
	color: #FFF;
}
.technofa-about-cta h2 { font-size: 30px; margin: 0 0 16px; text-align: center; }
.technofa-about-cta__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ----------------------- CONTACT PAGE ----------------------- */
.technofa-contact-grid {
	display: grid; gap: 24px;
	grid-template-columns: 1fr;
	margin-top: 24px;
}
@media (min-width: 900px) { .technofa-contact-grid { grid-template-columns: 1.4fr 1fr; align-items: start; } }
.technofa-contact-form-section, .technofa-contact-info-card {
	background: var(--technofa-bg-surface);
	border-radius: 20px;
	padding: 28px;
	box-shadow: var(--technofa-shadow);
}
.technofa-contact-form-section h2, .technofa-contact-info-card h2 {
	font-size: 20.5px; margin: 0 0 16px; font-weight: 500;
}

.technofa-contact-form .technofa-honeypot { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.technofa-contact-form .technofa-consent {
	display: flex; align-items: flex-start;
	background: #FFF7E1; border: 1px solid #FBC02D;
	border-radius: 10px; padding: 10px 12px;
	margin: 12px 0;
}
.technofa-contact-form .technofa-consent label { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; }
.technofa-contact-form button[type="submit"] { margin-top: 16px; }

/* Info card */
.technofa-info-item {
	display: flex; gap: 12px;
	padding: 14px 0;
	border-bottom: 1px dashed #E5E7EB;
}
.technofa-info-item:last-child { border-bottom: 0; }
.technofa-info-item svg { color: var(--technofa-brand); flex: 0 0 22px; margin-top: 2px; }
.technofa-info-item strong { display: block; font-size: 15px; margin-bottom: 4px; }
.technofa-info-item p { margin: 0; font-size: 15px; color: var(--technofa-ink-secondary); }
.technofa-info-item ul { list-style: none; padding: 0; margin: 4px 0 0; font-size: 15px; }
.technofa-info-item ul li { padding: 2px 0; }
.technofa-info-link { color: var(--technofa-brand); font-weight: 450; }

/* Map placeholder */
.technofa-contact-map-section { padding: 32px 0; }
.technofa-contact-map a { display: block; border-radius: 16px; overflow: hidden; box-shadow: var(--technofa-shadow); }
.technofa-contact-map img { display: block; width: 100%; height: auto; }
.technofa-contact-map p { font-size: 14px; color: var(--technofa-ink-secondary); margin: 12px 0 0; }
.technofa-contact-map code { background: var(--technofa-bg-app); padding: 1px 5px; border-radius: 4px; font-size: 13px; }

/* ----------------------- ADMIN WhatsApp button on contact success ----------------------- */
.technofa-admin-wa-box {
	background: #FFF7E1;
	border: 1px solid #FBC02D;
	border-radius: 12px;
	padding: 16px 20px;
	margin: 16px 0;
}
.technofa-admin-wa-box h3 {
	margin: 0 0 8px;
	font-size: 16px;
	color: #A26E00;
}
.technofa-admin-wa-box p {
	font-size: 14px;
	color: var(--technofa-ink-secondary);
	margin: 0 0 12px;
}
.technofa-admin-wa-link {
	width: 100%;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #E5E7EB;
	font-family: monospace;
	font-size: 13px;
	background: var(--technofa-bg-app);
	margin-top: 8px;
}

/* ----------------------- WHOLESALE ENDPOINT ----------------------- */
.technofa-wholesale { padding: 8px 0; }
.technofa-wholesale__head h2 { font-size: 22.5px; margin: 0 0 6px; font-weight: 500; }
.technofa-wholesale__head p { font-size: 14px; color: var(--technofa-ink-secondary); margin: 0 0 16px; }

.technofa-wholesale__role {
	background: var(--technofa-bg-app);
	border-radius: 10px;
	padding: 10px 14px;
	margin-bottom: 14px;
	font-size: 14px;
	display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.technofa-wholesale__role-label {
	background: var(--technofa-brand); color: #FFF;
	padding: 2px 10px; border-radius: 999px; font-size: 13px;
}

.technofa-wholesale__search {
	display: flex; gap: 8px; flex-wrap: wrap;
	margin-bottom: 16px;
}
.technofa-wholesale__search input[type="search"] {
	flex: 1; min-width: 240px;
	padding: 12px;
	border-radius: var(--technofa-radius-pill);
	border: 1.5px solid #E5E7EB;
	font-family: inherit; font-size: 15px;
}

.technofa-wholesale__tiers {
	background: linear-gradient(135deg, #FFF7E1 0%, #FFFBE6 100%);
	border: 1px solid #FBC02D;
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 16px;
	font-size: 14px;
}
.technofa-wholesale__tiers h3 {
	font-size: 15px; margin: 0 0 6px; color: #A26E00;
}
.technofa-wholesale__tiers ul {
	margin: 0; padding: 0; list-style: none;
	display: flex; gap: 12px; flex-wrap: wrap;
}
.technofa-wholesale__tiers li { padding: 2px 0; }
.technofa-wholesale__tiers strong { color: #A26E00; }

.technofa-wholesale-table-wrap {
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	box-shadow: var(--technofa-shadow);
	overflow-x: auto;
}
.technofa-wholesale-table {
	width: 100%; min-width: 760px;
	border-collapse: collapse;
	font-size: 14px;
}
.technofa-wholesale-table th {
	background: var(--technofa-brand); color: #FFF;
	padding: 12px 10px;
	font-weight: 500;
	text-align: right;
	font-size: 13px;
	white-space: nowrap;
}
.technofa-wholesale-table td {
	padding: 12px 10px;
	border-bottom: 1px solid #F4F6FA;
	vertical-align: top;
}
.technofa-wholesale-table tr:hover { background: var(--technofa-bg-app); }

.technofa-wholesale__sku {
	background: var(--technofa-bg-app);
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
}
.technofa-wholesale__cell--retail { color: var(--technofa-ink-secondary); }
.technofa-wholesale__cell--wholesale strong { display: block; color: var(--technofa-accent); font-size: 15px; }
.technofa-wholesale__saving {
	display: block; font-size: 13px; color: var(--technofa-success);
}
.technofa-wholesale__stock--in    { color: #06694A; font-weight: 450; }
.technofa-wholesale__stock--back  { color: #A26E00; font-weight: 450; }
.technofa-wholesale__stock--out   { color: var(--technofa-ink-secondary); }

.technofa-wholesale__quick { display: flex; gap: 6px; align-items: center; }
.technofa-wholesale__qty { width: 60px; padding: 8px; border-radius: 8px; border: 1px solid #E5E7EB; }

.technofa-wholesale__empty { padding: 32px; text-align: center; color: var(--technofa-ink-secondary); }

.technofa-wholesale__pagination {
	display: flex; gap: 4px;
	justify-content: center;
	margin-top: 16px;
}
.technofa-wholesale__pagination a {
	display: inline-block; min-width: 32px; padding: 6px 10px;
	border-radius: 8px;
	background: var(--technofa-bg-surface);
	border: 1px solid #E5E7EB;
	color: var(--technofa-ink-primary);
	text-decoration: none; text-align: center;
}
.technofa-wholesale__pagination a.is-current {
	background: var(--technofa-brand); color: #FFF; border-color: transparent;
}

.technofa-wholesale__refresh {
	font-size: 13px;
	color: var(--technofa-ink-secondary);
	text-align: center;
	margin: 16px 0;
}
.technofa-wholesale__refresh span { margin: 0 6px; color: #C0C5CC; }
.technofa-wholesale__refresh a { color: var(--technofa-brand); }

@media (max-width: 600px) {
	.technofa-wholesale-table th, .technofa-wholesale-table td { padding: 8px 6px; font-size: 13px; }
	.technofa-wholesale__qty { width: 50px; }
}

/* ----------------------- HOME redesign (Digikala-style) ----------------------- */
.technofa-page-home { background: var(--technofa-bg-app); padding-bottom: 48px; }

.technofa-trust-bar { background: var(--technofa-bg-surface); border-bottom: 1px solid #E5E7EB; padding: 10px 0; font-size: 14px; }
.technofa-trust-bar ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; }
.technofa-trust-bar li { color: var(--technofa-ink-secondary); display: flex; gap: 4px; align-items: center; }
.technofa-trust-bar li span { color: var(--technofa-success); font-weight: 500; }

/* Hero */
.technofa-home-hero {
	background: linear-gradient(135deg, #F25F70 0%, #C2185B 50%, #6A1B9A 100%);
	color: #FFF;
	padding: 48px 0 56px;
	border-radius: 0 0 24px 24px;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}
.technofa-home-hero__inner {
	display: grid; gap: 24px;
	grid-template-columns: 1fr;
	align-items: center;
}
@media (min-width: 900px) { .technofa-home-hero__inner { grid-template-columns: 1.2fr 1fr; } }
.technofa-home-hero h1 { font-size: 30px; font-weight: 600; line-height: 1.4; margin: 0 0 12px; }
@media (min-width: 768px) { .technofa-home-hero h1 { font-size: 41.5px; } }
.technofa-home-hero p { font-size: 16px; opacity: 0.92; margin: 0 0 20px; }
.technofa-home-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.technofa-home-hero__actions .technofa-btn--primary { background: #FFF; color: #E30A5F; border-radius: 999px; padding: 12px 28px; font-weight: 500; }
.technofa-home-hero__actions .technofa-btn--primary:hover { background: rgba(255,255,255,0.9); }
.technofa-home-hero__actions .technofa-btn--accent { background: var(--tf-brand); color: #FFF; border-radius: 999px; padding: 12px 28px; font-weight: 500; }

.technofa-home-hero__visual {
	min-height: 200px;
	position: relative;
}
.technofa-hero-phones {
	position: relative;
	height: 200px;
}
.technofa-hero-phone {
	position: absolute; bottom: 0;
	width: 90px; height: 170px;
	background: linear-gradient(145deg, #1F2328 0%, #4A4F54 100%);
	border-radius: 14px;
	box-shadow: 0 12px 30px rgba(0,0,0,0.25);
	border: 2px solid rgba(255,255,255,0.06);
}
.technofa-hero-phone::after {
	content: ''; position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
	width: 30px; height: 4px; background: rgba(255,255,255,0.15); border-radius: 2px;
}
.technofa-hero-phone--a { left: 25%; transform: rotate(-6deg); }
.technofa-hero-phone--b { left: 45%; height: 190px; z-index: 2; }
.technofa-hero-phone--c { left: 65%; transform: rotate(6deg); }

/* ۳ مرحله در hero */
.technofa-home-steps {
	list-style: none;
	display: grid; gap: 12px;
	grid-template-columns: 1fr;
	margin: 32px 0 0;
	padding: 0;
}
@media (min-width: 768px) { .technofa-home-steps { grid-template-columns: repeat(3, 1fr); } }
.technofa-home-steps li {
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(6px);
	border-radius: 16px;
	padding: 14px 16px;
	display: flex; gap: 12px; align-items: flex-start;
}
.technofa-home-step__num {
	background: #FFF; color: #E30A5F; border-radius: 50%;
	width: 30px; height: 30px;
	display: inline-flex; align-items: center; justify-content: center;
	font-weight: 600; flex-shrink: 0;
}
.technofa-home-steps li strong { display: block; font-size: 15px; }
.technofa-home-steps li p { margin: 4px 0 0; font-size: 13px; opacity: 0.9; }

/* دسته‌بندی ۲×۲ کارت رنگی */
.technofa-home-cat-cards { padding: 16px 0 24px; }
.technofa-cat-cards-grid {
	display: grid; gap: 12px;
	grid-template-columns: 1fr;
	margin-top: 12px;
}
@media (min-width: 600px) { .technofa-cat-cards-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .technofa-cat-cards-grid { grid-template-columns: repeat(4, 1fr); } }

.technofa-cat-card {
	border-radius: 20px;
	padding: 18px;
	display: flex; gap: 8px; align-items: center;
	text-decoration: none; color: inherit;
	transition: transform 0.15s, box-shadow 0.15s;
	min-height: 110px;
}
.technofa-cat-card:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(233,16,95,0.12); }
.technofa-cat-card__text { flex: 1; }
.technofa-cat-card__text h3 { font-size: 18px; margin: 0 0 4px; font-weight: 500; color: var(--technofa-ink-primary); }
.technofa-cat-card__text p { font-size: 13px; color: var(--technofa-ink-secondary); margin: 0 0 8px; }
.technofa-cat-card__cta { font-size: 14px; font-weight: 500; }
.technofa-cat-card__icon {
	width: 60px; height: 60px;
	font-size: 34px;
	display: inline-flex; align-items: center; justify-content: center;
	flex-shrink: 0;
	background: rgba(255,255,255,0.7);
	border-radius: 14px;
}

/* کارت‌های پهن */
.technofa-wide-cards {
	display: grid; gap: 12px;
	grid-template-columns: 1fr;
	margin-top: 12px;
}
@media (min-width: 768px) { .technofa-wide-cards { grid-template-columns: repeat(2, 1fr); } }
.technofa-wide-card {
	border-radius: 20px;
	padding: 24px;
	color: #FFF;
	text-decoration: none;
	display: block;
	position: relative;
	overflow: hidden;
	min-height: 140px;
	transition: transform 0.15s, box-shadow 0.15s;
}
.technofa-wide-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }
.technofa-wide-card h3 { font-size: 20.5px; font-weight: 600; margin: 0 0 6px; }
.technofa-wide-card p { font-size: 14px; opacity: 0.92; margin: 0 0 12px; max-width: 320px; }
.technofa-wide-card__cta {
	display: inline-block;
	background: #FFF;
	color: var(--tf-brand);
	padding: 8px 18px;
	border-radius: 999px;
	font-weight: 500;
	font-size: 14px;
}

/* Pills فیلتر */
.technofa-pills {
	display: flex; gap: 8px;
	flex-wrap: wrap;
	margin: 12px 0 16px;
	padding: 0;
}
.technofa-pill {
	padding: 8px 16px;
	background: var(--technofa-bg-surface);
	border: 1px solid #E5E7EB;
	border-radius: 999px;
	color: var(--technofa-ink-primary);
	font-size: 14px;
	font-weight: 450;
	text-decoration: none;
}
.technofa-pill:hover, .technofa-pill.is-active {
	background: var(--technofa-brand);
	color: #FFF;
	border-color: transparent;
}

/* گرید پرفروش‌ترین‌ها */
.technofa-best-grid {
	display: grid; gap: 12px;
	grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 600px) { .technofa-best-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .technofa-best-grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1200px) { .technofa-best-grid { grid-template-columns: repeat(5, 1fr); } }

.technofa-best-card {
	background: var(--technofa-bg-surface);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--technofa-shadow);
	color: var(--technofa-ink-primary);
	text-decoration: none;
	transition: transform 0.15s, box-shadow 0.15s;
	font-size: 14px;
}
.technofa-best-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,71,255,0.12); }
.technofa-best-card__media { aspect-ratio: 1/1; background: var(--technofa-bg-app); }
.technofa-best-card__image, .technofa-best-card__image.placeholder { width: 100%; height: 100%; object-fit: cover; display: flex; align-items: center; justify-content: center; color: var(--technofa-ink-secondary); }
.technofa-best-card__image.placeholder { background: var(--technofa-bg-app); }
.technofa-best-card__body { padding: 10px 12px 14px; }
.technofa-best-card h3 { font-size: 14px; margin: 0 0 4px; font-weight: 450; line-height: 1.4; min-height: 38px; }
.technofa-best-card__sku { font-size: 13px; color: var(--technofa-ink-secondary); margin: 0 0 4px; }
.technofa-best-card__price { margin: 8px 0 4px; }
.technofa-best-card__price strong { color: var(--technofa-brand); font-size: 15px; }
.technofa-best-card__price del { color: var(--technofa-ink-secondary); font-size: 13px; margin-right: 4px; }
.technofa-best-card__stock {
	display: inline-block; padding: 2px 8px; border-radius: 999px;
	font-size: 13px; font-weight: 450;
}
.technofa-best-card__stock--instock { background: #E8F8F0; color: #06694A; }
.technofa-best-card__stock--onbackorder { background: #FFF7E1; color: #A26E00; }
.technofa-best-card__stock--outofstock { background: #FFEBEE; color: #B22; }
.technofa-best-empty { padding: 32px; text-align: center; color: var(--technofa-ink-secondary); }

/* CTA میانی */
.technofa-home-mid-cta { padding: 32px 0; }
.technofa-home-mid-cta__inner {
	background: linear-gradient(135deg, var(--tf-brand) 0%, #5D9CEC 100%);
	color: #FFF;
	border-radius: 20px;
	padding: 32px;
	display: flex; gap: 16px; flex-wrap: wrap;
	align-items: center; justify-content: space-between;
}
.technofa-home-mid-cta h2 { font-size: 22.5px; font-weight: 500; margin: 0 0 6px; }
.technofa-home-mid-cta p { font-size: 15px; opacity: 0.92; margin: 0; max-width: 480px; }
.technofa-home-mid-cta .technofa-btn { background: #FFF; color: var(--tf-brand); border-radius: 999px; padding: 12px 24px; font-weight: 500; }
.technofa-home-mid-cta .technofa-btn:hover { background: rgba(255,255,255,0.92); }

/* ===========================================================
   TECHNOFAA 2.1 — Digipay-inspired visual system
   =========================================================== */
:root {
	--technofa-brand: var(--tf-brand);
	--technofa-brand-soft: #79A5FF;
	--technofa-accent: #F23D62;
	--technofa-special: #6B44E8;
	--technofa-bg-app: #F1F4F8;
	--technofa-bg-surface: #FFFFFF;
	--technofa-ink-primary: #182033;
	--technofa-ink-secondary: #747E90;
	--technofa-radius: 24px;
	--technofa-shadow: 0 14px 40px rgba(24, 42, 84, 0.07);
}

body.technofa-body { background: var(--technofa-bg-app); }
.site { overflow: clip; }
.technofa-container { max-width: 1280px; padding-inline: 24px; }
.technofa-section__head { margin-bottom: 22px; align-items: flex-end; }
.technofa-section__title { font-size: clamp(24.5px, 2.6vw, 32px); font-weight: 600; letter-spacing: -.5px; }
.technofa-section__eyebrow { display: block; margin-bottom: 4px; color: var(--technofa-brand); font-size: 13px; font-weight: 600; }
.technofa-section__more { font-weight: 500; }

/* Header: slim links + search row + floating pill navigation */
.technofa-header {
	position: relative;
	top: auto;
	z-index: 100;
	padding-bottom: 14px;
	background: rgba(241, 244, 248, .94);
	box-shadow: none;
	backdrop-filter: blur(16px);
}
.technofa-settings-logo { display: inline-flex; align-items: center; }
.technofa-settings-logo img { width: auto; max-width: 170px; max-height: 54px; object-fit: contain; }
.technofa-default-logo img { display: block; width: 170px; height: auto; }
.technofa-header__meta { border-bottom: 1px solid rgba(213, 219, 230, .75); }
.technofa-header__meta-inner { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.technofa-header__meta-links { display: flex; align-items: center; gap: 28px; }
.technofa-header__meta a { color: #596274; font-size: 13px; font-weight: 450; text-decoration: none; }
.technofa-header__meta a:hover { color: var(--technofa-brand); }
.technofa-header__meta-login { white-space: nowrap; }
.technofa-header__inner {
	max-width: 1280px;
	min-height: 82px;
	padding: 14px 24px 10px;
	gap: 22px;
}
.technofa-header__logo { min-width: 150px; }
.technofa-header__logo .custom-logo { max-height: 52px; width: auto; }
.technofa-brand { color: var(--technofa-brand); text-decoration: none; }
.technofa-brand:hover { text-decoration: none; }
.technofa-brand__mark { width: 44px; height: 44px; border-radius: 15px; background: linear-gradient(145deg, #3078FF, #0B42D1); box-shadow: 0 9px 22px rgba(13, 91, 255, .25); }
.technofa-brand__name { font-size: 22.5px; font-weight: 700; }
.technofa-header__search { max-width: 590px; margin-inline: auto; }
.technofa-search-form__inner {
	min-height: 52px;
	display: flex;
	align-items: center;
	padding: 5px;
	background: #FFF;
	border: 1px solid #E0E5EE;
	border-radius: 18px;
	box-shadow: 0 8px 24px rgba(24, 42, 84, .04);
}
.technofa-search-form__input { flex: 1; min-width: 0; height: 42px; padding: 0 15px; border: 0; outline: 0; color: var(--technofa-ink-primary); background: transparent; }
.technofa-search-form__input::placeholder { color: #9AA3B1; }
.technofa-search-form__button { min-width: 46px; height: 42px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 14px; background: var(--technofa-brand); color: #FFF; cursor: pointer; }
.technofa-search-form__button span { font-size: 13px; font-weight: 500; }
.technofa-header__actions { gap: 9px; }
.technofa-header__action, .technofa-header__burger {
	width: 48px;
	height: 48px;
	border: 1px solid #E0E5EE;
	border-radius: 16px;
	background: #FFF;
	color: #343C4E;
	transition: transform .2s, color .2s, border-color .2s;
}
.technofa-header__action:hover, .technofa-header__burger:hover { color: var(--technofa-brand); border-color: #BACBFF; transform: translateY(-2px); text-decoration: none; }
.technofa-header__badge { top: -6px; right: -6px; background: var(--technofa-accent); }
.technofa-nav-primary {
	max-width: 1232px;
	margin-inline: auto;
	padding: 7px 22px;
	border: 1px solid #E2E7EF;
	border-radius: 999px;
	background: #FFF;
	box-shadow: 0 12px 34px rgba(24, 42, 84, .055);
}
.technofa-nav-primary__inner { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.technofa-nav__list { gap: 8px 30px; align-items: center; }
.technofa-nav__list > li { position: relative; }
.technofa-nav__list a { display: block; padding: 8px 0; color: #4B5465; font-size: 14px; font-weight: 500; text-decoration: none; }
.technofa-nav__list a:hover, .technofa-nav__list .current-menu-item > a { color: var(--technofa-brand); }
.technofa-nav__list .sub-menu { min-width: 220px; padding: 12px; position: absolute; top: 100%; right: 0; list-style: none; background: #FFF; border: 1px solid #E2E7EF; border-radius: 18px; box-shadow: var(--technofa-shadow); }
.technofa-nav__list > li > .sub-menu { display: none; }
.technofa-nav__list > li:hover > .sub-menu, .technofa-nav__list > li:focus-within > .sub-menu { display: grid; }
.technofa-nav__dealer { padding: 9px 17px; border-radius: 999px; background: #EDF2FF; color: var(--technofa-brand); font-size: 13px; font-weight: 600; white-space: nowrap; text-decoration: none; }
.technofa-nav__dealer:hover { background: var(--technofa-brand); color: #FFF; text-decoration: none; }

/* Compact trust strip */
.technofa-page-home > .technofa-trust-bar { margin-top: -1px; padding: 8px 0; border: 0; background: transparent; }
.technofa-page-home > .technofa-trust-bar ul { gap: 10px 24px; }
.technofa-page-home > .technofa-trust-bar li { color: #727C8D; font-size: 13px; }
.technofa-page-home > .technofa-trust-bar li span { width: 19px; height: 19px; display: inline-grid; place-items: center; border-radius: 50%; background: #DFF6EE; color: #08885D; font-size: 12px; }

/* Hero card */
.technofa-page-home { padding-bottom: 74px; background: var(--technofa-bg-app); }
.technofa-home-hero { margin: 0; padding: 24px 0 14px; overflow: visible; color: #FFF; background: transparent; border-radius: 0; }
.technofa-home-hero__card {
	min-height: 430px;
	padding: 54px 62px;
	position: relative;
	overflow: hidden;
	border-radius: 34px;
	background:
		radial-gradient(circle at 10% 16%, rgba(255,255,255,.2), transparent 24%),
		radial-gradient(circle at 82% 104%, rgba(94,0,42,.24), transparent 32%),
		linear-gradient(118deg, #FF3970 0%, #F13D55 58%, #E52B48 100%);
	box-shadow: 0 25px 62px rgba(219, 39, 83, .2);
}
.technofa-home-hero__card::before { content: ""; width: 440px; height: 440px; position: absolute; top: -310px; right: -90px; border: 65px solid rgba(255,255,255,.07); border-radius: 50%; }
.technofa-home-hero__card::after { content: ""; width: 280px; height: 280px; position: absolute; bottom: -230px; left: 28%; border: 45px solid rgba(255,255,255,.08); border-radius: 50%; }
.technofa-home-hero__inner { min-height: 320px; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 34px; position: relative; z-index: 2; }
.technofa-home-hero__text { max-width: 680px; }
.technofa-home-hero__badge { display: inline-flex; margin-bottom: 16px; padding: 6px 13px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: rgba(255,255,255,.11); font-size: 13px; font-weight: 600; }
.technofa-home-hero h1 { max-width: 650px; margin: 0 0 14px; font-size: clamp(36.5px, 4.2vw, 52.5px); line-height: 1.35; letter-spacing: -1.3px; }
.technofa-home-hero p { max-width: 630px; margin-bottom: 27px; color: rgba(255,255,255,.82); font-size: 17px; }
.technofa-home-hero__actions { gap: 11px; }
.technofa-home-hero__actions .technofa-btn { min-height: 50px; padding: 0 25px; border-radius: 16px; text-decoration: none; }
.technofa-home-hero__actions .technofa-btn--primary { background: #FFF; color: #DC2F51; }
.technofa-home-hero__actions .technofa-btn--accent { border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.09); color: #FFF; }
.technofa-home-hero__visual { min-height: 320px; position: relative; }
.technofa-hero-phones { height: 320px; }
.technofa-hero-phone { bottom: 7px; width: 132px; height: 268px; padding: 7px; border: 2px solid rgba(255,255,255,.5); border-radius: 30px; background: #111521; box-shadow: 0 26px 42px rgba(65, 4, 26, .35); }
.technofa-hero-phone::after { top: 14px; width: 45px; height: 13px; border-radius: 999px; background: #080B12; }
.technofa-hero-phone span { display: block; width: 100%; height: 100%; border-radius: 23px; background: radial-gradient(circle at 68% 28%, #FFD29C 0 10%, transparent 31%), radial-gradient(circle at 23% 72%, #FF66B3 0 9%, transparent 34%), linear-gradient(145deg, #21114D, #9A3AD3 50%, #FF6547); }
.technofa-hero-phone--a { left: 4%; height: 238px; transform: rotate(-9deg); opacity: .86; }
.technofa-hero-phone--b { left: 34%; height: 290px; z-index: 2; transform: rotate(3deg); }
.technofa-hero-phone--c { left: 66%; height: 245px; transform: rotate(9deg); opacity: .9; }
.technofa-hero-orb { width: 106px; height: 106px; padding: 12px; position: absolute; top: 4px; right: -8px; z-index: 5; display: grid; place-content: center; text-align: center; border-radius: 50%; background: #FFF; color: #E52B48; box-shadow: 0 18px 36px rgba(99, 8, 37, .24); }
.technofa-hero-orb span { font-size: 19px; font-weight: 700; }
.technofa-hero-orb small { color: #6F7785; font-size: 12px; }
.technofa-home-hero__notch { width: 92px; height: 46px; position: absolute; bottom: -24px; left: 50%; display: grid; place-items: start center; transform: translateX(-50%); border-radius: 0 0 50px 50px; background: var(--technofa-bg-app); color: var(--technofa-brand); font-size: 25.5px; }

/* Purchase guide */
.technofa-home-guide { padding: 48px 0 42px; }
.technofa-section__head--guide { justify-content: flex-start; }
.technofa-home-guide .technofa-home-steps { margin: 0; padding: 20px; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid #E4E8EF; border-radius: 28px; background: #FFF; box-shadow: var(--technofa-shadow); }
.technofa-home-guide .technofa-home-steps li { min-height: 104px; padding: 20px 24px; position: relative; align-items: center; border-radius: 0; background: transparent; color: var(--technofa-ink-primary); }
.technofa-home-guide .technofa-home-steps li:not(:last-child)::after { content: ""; width: 1px; height: 54px; position: absolute; left: 0; top: 25px; background: #E5E9F0; }
.technofa-home-guide .technofa-home-step__num { width: 48px; height: 48px; border-radius: 15px; background: #EDF2FF; color: var(--technofa-brand); }
.technofa-home-guide .technofa-home-steps strong { font-size: 15px; }
.technofa-home-guide .technofa-home-steps p { margin: 3px 0 0; color: var(--technofa-ink-secondary); font-size: 13px; opacity: 1; }
.technofa-home-guide__action { margin-top: 16px; text-align: left; }
.technofa-home-guide__action .technofa-btn { min-height: 48px; padding: 0 22px; border-radius: 15px; }

/* Category cards */
.technofa-home-cat-cards { padding: 22px 0 38px; }
.technofa-cat-cards-grid { gap: 16px; margin-top: 0; grid-template-columns: repeat(4, 1fr); }
.technofa-cat-card { min-height: 180px; padding: 24px; align-items: flex-end; position: relative; overflow: hidden; border: 1px solid #E3E8F0; border-radius: 26px; background: #FFF !important; box-shadow: 0 10px 30px rgba(24, 42, 84, .045); }
.technofa-cat-card::after { content: ""; width: 116px; height: 116px; position: absolute; top: -38px; left: -28px; border-radius: 50%; background: #F3F6FB; }
.technofa-cat-card:hover { transform: translateY(-5px); border-color: #BBCBFB; box-shadow: 0 20px 46px rgba(13, 91, 255, .11); text-decoration: none; }
.technofa-cat-card__text { position: relative; z-index: 2; }
.technofa-cat-card__text h3 { font-size: 19px; }
.technofa-cat-card__text p { min-height: 38px; margin-bottom: 11px; }
.technofa-cat-card__icon { width: 74px; height: 74px; position: absolute; top: 18px; left: 18px; z-index: 2; border-radius: 24px; background: #F4F6FA; font-size: 37.5px; }
.technofa-wide-cards { gap: 16px; margin-top: 18px; }
.technofa-wide-card { min-height: 230px; padding: 35px; border: 1px solid #E3E8F0; border-radius: 30px; background: #FFF !important; color: var(--technofa-ink-primary); box-shadow: 0 10px 30px rgba(24, 42, 84, .045); }
.technofa-wide-card::before { content: ""; width: 230px; height: 230px; position: absolute; left: -55px; bottom: -90px; border: 40px solid #EDF2FF; border-radius: 50%; }
.technofa-wide-card:nth-child(1)::before { border-color: #FFE6EC; }
.technofa-wide-card h3, .technofa-wide-card p, .technofa-wide-card__cta { position: relative; z-index: 2; }
.technofa-wide-card h3 { max-width: 70%; font-size: 26.5px; }
.technofa-wide-card p { color: var(--technofa-ink-secondary); opacity: 1; }
.technofa-wide-card__cta { padding: 9px 18px; border: 1px solid #DCE4F6; background: #F5F7FB; color: var(--technofa-brand); }
.technofa-wide-card:hover { transform: translateY(-4px); border-color: #BBCBFB; box-shadow: var(--technofa-shadow); text-decoration: none; }

/* Best sellers / shop product cards */
.technofa-home-best { padding: 42px 0; }
.technofa-pills { margin: 0 0 20px; }
.technofa-pill { padding: 8px 18px; border-color: #E1E6EF; background: #FFF; color: #586173; }
.technofa-pill:hover, .technofa-pill.is-active { background: var(--technofa-brand); box-shadow: 0 8px 18px rgba(13, 91, 255, .18); text-decoration: none; }
.technofa-best-grid { gap: 16px; grid-template-columns: repeat(4, 1fr); }
.technofa-best-card { padding: 13px 13px 17px; border: 1px solid #E3E8F0; border-radius: 24px; box-shadow: none; }
.technofa-best-card:hover { transform: translateY(-5px); border-color: #BBCBFB; box-shadow: 0 20px 46px rgba(13,91,255,.11); text-decoration: none; }
.technofa-best-card__media { overflow: hidden; border-radius: 18px; background: #F6F8FB; }
.technofa-best-card__image, .technofa-best-card__image.placeholder { object-fit: contain; }
.technofa-best-card__body { padding: 14px 3px 2px; }
.technofa-best-card h3 { min-height: 48px; font-size: 15px; line-height: 1.75; }
.technofa-best-card__price strong { color: var(--technofa-ink-primary); font-size: 17px; }
.technofa-best-card__stock { background: transparent; padding: 0; }
.technofa-best-card__stock--instock { color: #07875C; }

.woocommerce ul.products, ul.products { margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product.technofa-product-card, ul.products li.technofa-product-card { width: auto !important; float: none !important; margin: 0 !important; padding: 13px 13px 17px; display: flex; flex-direction: column; border: 1px solid #E3E8F0; border-radius: 24px; background: #FFF; box-shadow: none; transition: transform .2s, border-color .2s, box-shadow .2s; overflow: hidden; }
.woocommerce ul.products li.product.technofa-product-card:hover { transform: translateY(-5px); border-color: #BBCBFB; box-shadow: 0 20px 46px rgba(13,91,255,.11); }
.technofa-product-card__link { color: inherit; text-decoration: none; }
.technofa-product-card__link:hover { text-decoration: none; }
.technofa-product-card__media { padding-top: 100%; overflow: hidden; border-radius: 18px; background: #F6F8FB; }
.technofa-product-card__image { object-fit: contain; }
.technofa-product-card__body { padding: 14px 3px 8px; }
.technofa-product-card__title { min-height: 50px; font-size: 15px; line-height: 1.8; }
.technofa-product-card__price-toman { color: var(--technofa-ink-primary); font-size: 17px; font-weight: 600; }
.technofa-product-card__actions { margin-top: auto; padding: 0 3px; }
.technofa-product-card__actions .technofa-btn { min-height: 44px; border-radius: 14px; }
.technofa-product-card__badge { top: 12px; right: 12px; z-index: 3; }

/* Trade-in callout */
.technofa-home-mid-cta { padding: 52px 0 10px; }
.technofa-home-mid-cta__inner { min-height: 250px; padding: 44px 50px; position: relative; overflow: hidden; border-radius: 34px; background: radial-gradient(circle at 0 100%, rgba(255,255,255,.15), transparent 28%), linear-gradient(125deg, #0D204F, #1647AD); }
.technofa-home-mid-cta__inner::after { content: "↺"; width: 190px; height: 190px; position: absolute; left: 60px; display: grid; place-items: center; border: 35px solid rgba(255,255,255,.08); border-radius: 50%; color: rgba(255,255,255,.45); font-size: 54.5px; }
.technofa-home-mid-cta__inner > * { position: relative; z-index: 2; }
.technofa-home-mid-cta h2 { font-size: clamp(26.5px, 3vw, 35.5px); }
.technofa-home-mid-cta p { color: rgba(255,255,255,.74); }
.technofa-home-mid-cta .technofa-btn { min-height: 50px; padding: 0 24px; border-radius: 16px; }

/* Shop surfaces */
.technofa-wc-main { max-width: 1280px; margin: 0 auto; padding: 38px 24px 72px; }
.technofa-shop-header { padding: 28px 30px; margin-bottom: 18px; border-radius: 28px; background: #FFF; }
.technofa-shop-header h1 { margin: 0; font-size: clamp(28px, 3vw, 37.5px); }
.technofa-shop-controls { margin-bottom: 16px; padding: 12px 16px; border: 1px solid #E3E8F0; border-radius: 18px; background: #FFF; }
.technofa-shop-filters { border: 1px solid #E3E8F0; border-radius: 24px; box-shadow: none; }
.technofa-footer { padding: 56px 24px 28px; border-top-color: #E2E7EF; }
.technofa-footer__inner { max-width: 1232px; margin-inline: auto; }
.technofa-footer__title { font-size: 17px; }

@media (min-width: 768px) {
	.technofa-nav-primary { display: block; }
	.technofa-header__burger { display: none; }
}

@media (max-width: 1100px) {
	.technofa-header__meta-links { gap: 18px; }
	.technofa-nav__list { gap: 8px 18px; }
	.technofa-home-hero__card { padding: 45px 40px; }
	.technofa-cat-cards-grid { grid-template-columns: repeat(2, 1fr); }
	.technofa-best-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
	.technofa-container { padding-inline: 12px; }
	body.technofa-body { padding-bottom: 72px; }
	.technofa-header { padding-bottom: 10px; }
	.technofa-header__meta { display: none; }
	.technofa-header__inner { min-height: 0; padding: 10px 12px; display: grid; grid-template-columns: auto 1fr auto; gap: 9px; }
	.technofa-header__burger { display: inline-flex; align-items: center; justify-content: center; order: 3; width: 43px; height: 43px; }
	.technofa-header__logo { min-width: 0; order: 2; }
	.technofa-brand__mark { width: 38px; height: 38px; border-radius: 13px; }
	.technofa-brand__name { font-size: 19.5px; }
	.technofa-header__actions { order: 1; }
	.technofa-header__action { width: 43px; height: 43px; }
	.technofa-header__actions > :first-child { display: none; }
	.technofa-header__search { width: 100%; max-width: none; grid-column: 1 / -1; grid-row: 2; order: 4; }
	.technofa-search-form__inner { min-height: 48px; border-radius: 15px; }
	.technofa-search-form__button { height: 38px; min-width: 42px; }
	.technofa-search-form__button span { display: none; }
	.technofa-nav-primary { display: none; margin-inline: 12px; padding: 12px 18px; border-radius: 22px; }
	.technofa-nav-primary.is-open { display: block; }
	.technofa-nav-primary__inner { display: grid; }
	.technofa-nav__list { display: grid; gap: 2px; }
	.technofa-nav__list a { padding: 9px 3px; }
	.technofa-nav__dealer { text-align: center; }
	.technofa-page-home > .technofa-trust-bar { overflow: hidden; }
	.technofa-page-home > .technofa-trust-bar ul { width: max-content; flex-wrap: nowrap; justify-content: flex-start; animation: technofa-trust-slide 16s linear infinite alternate; }
	.technofa-home-hero { padding-top: 14px; }
	.technofa-home-hero__card { min-height: auto; padding: 30px 22px 22px; border-radius: 27px; }
	.technofa-home-hero__inner { min-height: 0; grid-template-columns: 1fr; gap: 18px; }
	.technofa-home-hero h1 { font-size: 33px; letter-spacing: -.7px; }
	.technofa-home-hero p { font-size: 15px; }
	.technofa-home-hero__actions .technofa-btn { width: 100%; }
	.technofa-home-hero__visual { min-height: 260px; }
	.technofa-hero-phones { height: 260px; }
	.technofa-hero-phone { width: 105px; height: 218px; }
	.technofa-hero-phone--a { left: 4%; height: 194px; }
	.technofa-hero-phone--b { left: 34%; height: 238px; }
	.technofa-hero-phone--c { left: 66%; height: 198px; }
	.technofa-hero-orb { width: 82px; height: 82px; right: 0; }
	.technofa-hero-orb span { font-size: 15px; }
	.technofa-home-guide { padding: 42px 0 30px; }
	.technofa-home-guide .technofa-home-steps { grid-template-columns: 1fr; gap: 4px; padding: 10px; border-radius: 23px; }
	.technofa-home-guide .technofa-home-steps li { min-height: 90px; padding: 14px; border-radius: 17px; }
	.technofa-home-guide .technofa-home-steps li:not(:last-child)::after { width: auto; height: 1px; left: 16px; right: 16px; top: auto; bottom: 0; }
	.technofa-home-guide__action .technofa-btn { width: 100%; }
	.technofa-section__title { font-size: 26.5px; }
	.technofa-cat-cards-grid, .technofa-wide-cards, .technofa-best-grid { display: flex; overflow-x: auto; gap: 12px; padding-bottom: 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.technofa-cat-cards-grid::-webkit-scrollbar, .technofa-wide-cards::-webkit-scrollbar, .technofa-best-grid::-webkit-scrollbar { display: none; }
	.technofa-cat-card { min-width: 78vw; scroll-snap-align: start; }
	.technofa-wide-card { min-width: 84vw; min-height: 215px; scroll-snap-align: start; }
	.technofa-best-card { min-width: 72vw; scroll-snap-align: start; }
	.technofa-home-best { padding: 30px 0; }
	.technofa-home-mid-cta { padding-top: 36px; }
	.technofa-home-mid-cta__inner { min-height: 320px; padding: 32px 24px 145px; align-items: flex-start; border-radius: 27px; }
	.technofa-home-mid-cta__inner::after { width: 150px; height: 150px; left: 50%; bottom: -30px; transform: translateX(-50%); }
	.technofa-home-mid-cta .technofa-btn { width: 100%; }
	.woocommerce ul.products, ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.woocommerce ul.products li.product.technofa-product-card, ul.products li.technofa-product-card { padding: 9px 9px 13px; border-radius: 18px; }
	.technofa-product-card__media { border-radius: 14px; }
	.technofa-product-card__title { min-height: 46px; font-size: 13px; }
	.technofa-product-card__price-toman { font-size: 14px; }
	.technofa-product-card__price-aed { display: none; }
	.technofa-product-card__actions .technofa-btn { padding-inline: 7px; font-size: 13px; }
	.technofa-wc-main { padding: 24px 12px 72px; }
}

@keyframes technofa-trust-slide {
	from { transform: translateX(0); }
	to { transform: translateX(35%); }
}

@media (prefers-reduced-motion: reduce) {
	.technofa-page-home > .technofa-trust-bar ul { animation: none; }
}

/* ======================= TECHNOFA 2.2 — TRADE-IN ======================= */
.technofa-page-tradein {
	--tradein-blue: var(--tf-brand);
	--tradein-blue-deep: #1742E6;
	--tradein-lavender: #E8ECFC;
	--tradein-ink: #171A2B;
	--tradein-muted: #687087;
	background: #F4F6FA;
	color: var(--tradein-ink);
	padding-bottom: 0;
}

.technofa-page-tradein .technofa-tradein-eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	padding: 5px 13px;
	border-radius: 999px;
	background: #E5EAFF;
	color: var(--tradein-blue-deep);
	font-size: 13px;
	font-weight: 600;
}

.technofa-tradein-hero {
	position: relative;
	overflow: hidden;
	background: #F4F6FA;
	color: var(--tradein-ink);
	padding: 54px 0 78px;
}
.technofa-tradein-hero::before,
.technofa-tradein-hero::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	filter: blur(2px);
	pointer-events: none;
}
.technofa-tradein-hero::before {
	width: 260px;
	height: 260px;
	right: -125px;
	top: 130px;
	background: rgba(49, 92, 255, .06);
}
.technofa-tradein-hero::after {
	width: 170px;
	height: 170px;
	left: -70px;
	bottom: 35px;
	background: rgba(118, 83, 255, .07);
}
.technofa-tradein-hero__head {
	position: relative;
	z-index: 1;
	max-width: 830px;
	margin: 0 auto 50px;
	text-align: center;
}
.technofa-tradein-hero__title {
	margin: 15px 0 12px;
	font-size: clamp(35px, 4vw, 47px);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -.8px;
}
.technofa-tradein-hero__lead {
	max-width: 720px;
	margin: 0 auto;
	color: var(--tradein-muted);
	font-size: 17px;
	line-height: 2;
	opacity: 1;
}
.technofa-tradein-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(360px, 1fr) minmax(360px, .9fr);
	align-items: center;
	gap: clamp(36px, 7vw, 90px);
	max-width: 1030px;
	margin: 0 auto;
}
.technofa-tradein-benefits {
	display: grid;
	gap: 17px;
}
.technofa-tradein-benefit {
	display: grid;
	grid-template-columns: 56px 1fr;
	align-items: center;
	gap: 15px;
}
.technofa-tradein-benefit__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border: 1px solid #E7EAF3;
	border-radius: 17px;
	background: #FFF;
	box-shadow: 0 9px 28px rgba(31, 47, 98, .08);
	color: var(--tradein-blue);
	font-family: Arial, sans-serif;
	font-size: 26.5px;
	font-weight: 500;
}
.technofa-tradein-benefit h2 {
	margin: 0 0 3px;
	font-size: 17px;
	font-weight: 850;
}
.technofa-tradein-benefit p {
	margin: 0;
	color: var(--tradein-muted);
	font-size: 14px;
	line-height: 1.75;
}
.technofa-tradein-hero__actions {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin-top: 8px;
}
.technofa-page-tradein .technofa-tradein-hero__actions .technofa-btn {
	min-height: 50px;
	padding-inline: 23px;
	border-radius: 13px;
	font-weight: 600;
}
.technofa-page-tradein .technofa-tradein-hero__actions .technofa-btn--primary {
	background: var(--tradein-blue);
	box-shadow: 0 12px 25px rgba(49, 92, 255, .22);
}

.technofa-tradein-visual {
	position: relative;
	min-height: 410px;
}
.technofa-tradein-visual__halo {
	position: absolute;
	inset: 15px 35px 35px;
	border-radius: 50%;
	background: #E3E8FC;
}
.technofa-tradein-visual__halo::before,
.technofa-tradein-visual__halo::after {
	content: "";
	position: absolute;
	border-radius: 50%;
}
.technofa-tradein-visual__halo::before {
	width: 30px;
	height: 30px;
	right: 3%;
	top: 26%;
	border: 8px solid rgba(49, 92, 255, .18);
}
.technofa-tradein-visual__halo::after {
	width: 18px;
	height: 18px;
	left: 12%;
	top: 12%;
	background: #7E8EFF;
	box-shadow: 38px 285px 0 -3px #A4AFF4;
}
.technofa-tradein-device {
	position: absolute;
	top: 61px;
	width: 142px;
	height: 281px;
	padding: 10px;
	border: 7px solid #1D2235;
	border-radius: 29px;
	background: #1D2235;
	box-shadow: 0 28px 45px rgba(24, 29, 61, .24);
}
.technofa-tradein-device--old {
	right: 57px;
	transform: rotate(8deg);
	opacity: .83;
}
.technofa-tradein-device--new {
	left: 52px;
	top: 36px;
	transform: rotate(-8deg);
	border-color: #335BEE;
	background: #335BEE;
	z-index: 2;
}
.technofa-tradein-device__screen {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-bottom: 34px;
	border-radius: 18px;
	background: linear-gradient(155deg, #F9FAFF 0%, #C7D2FF 58%, #7187E7 100%);
	color: rgba(24, 39, 91, .5);
	font: 600 13px/1 Arial, sans-serif;
	letter-spacing: 3px;
}
.technofa-tradein-device--old .technofa-tradein-device__screen {
	background: linear-gradient(155deg, #E8EBF2, #9AA2B3);
}
.technofa-tradein-device__speaker {
	position: absolute;
	top: 16px;
	left: 50%;
	z-index: 2;
	width: 38px;
	height: 5px;
	border-radius: 4px;
	background: #1D2235;
	transform: translateX(-50%);
}
.technofa-tradein-device__camera {
	position: absolute;
	top: 14px;
	right: 45px;
	z-index: 3;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #637EFF;
}
.technofa-tradein-visual__swap {
	position: absolute;
	top: 172px;
	left: 50%;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	border: 5px solid #E3E8FC;
	border-radius: 50%;
	background: #FFF;
	box-shadow: 0 9px 25px rgba(32, 47, 99, .16);
	color: var(--tradein-blue);
	font: 600 23.5px/1 Arial, sans-serif;
	transform: translateX(-50%);
}
.technofa-tradein-visual__value {
	position: absolute;
	left: 22px;
	bottom: 22px;
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 196px;
	padding: 13px 15px;
	border: 1px solid #E5E9F7;
	border-radius: 16px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 14px 30px rgba(29, 45, 92, .13);
}
.technofa-tradein-visual__tick {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 11px;
	background: #E7EDFF;
	color: var(--tradein-blue);
	font-weight: 700;
}
.technofa-tradein-visual__value strong,
.technofa-tradein-visual__value small { display: block; }
.technofa-tradein-visual__value strong { font-size: 14px; }
.technofa-tradein-visual__value small { margin-top: 2px; color: var(--tradein-muted); font-size: 12px; }

.technofa-tradein-section-head {
	max-width: 740px;
	margin: 0 auto 30px;
	text-align: center;
}
.technofa-tradein-section-head .technofa-section__title {
	margin: 13px 0 7px;
	font-size: clamp(28px, 3vw, 34px);
	font-weight: 700;
}
.technofa-tradein-section-head > p {
	margin: 0;
	color: var(--tradein-muted);
	font-size: 15px;
	line-height: 1.9;
}
.technofa-tradein-steps { padding: 70px 0 84px; }
.technofa-tradein-steps__card {
	padding: 25px 18px;
	border: 1px solid #EAECF3;
	border-radius: 28px;
	background: #FFF;
	box-shadow: 0 16px 45px rgba(34, 46, 85, .07);
}
.technofa-page-tradein .technofa-tradein-steps__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0;
}
.technofa-page-tradein .technofa-tradein-step {
	position: relative;
	min-width: 0;
	padding: 8px 18px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-align: center;
}
.technofa-page-tradein .technofa-tradein-step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 34px;
	left: -9px;
	width: 18px;
	height: 1px;
	background: #DDE2F0;
}
.technofa-page-tradein .technofa-tradein-step__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 13px;
	border-radius: 14px;
	background: #E7ECFF;
	color: var(--tradein-blue);
	font-size: 18px;
	font-weight: 700;
}
.technofa-page-tradein .technofa-tradein-step__title {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 850;
}
.technofa-page-tradein .technofa-tradein-step__desc {
	margin: 0;
	color: var(--tradein-muted);
	font-size: 13px;
	line-height: 1.75;
}

.technofa-tradein-form-section {
	max-width: none;
	margin: 0;
	padding: 78px 0 88px;
	border-radius: 0;
	background: var(--tradein-lavender);
}
.technofa-tradein-preflight {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	max-width: 890px;
	margin: 0 auto 17px;
}
.technofa-tradein-preflight > div {
	display: grid;
	grid-template-columns: 37px 1fr;
	grid-template-rows: auto auto;
	column-gap: 11px;
	align-items: center;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .85);
	border-radius: 16px;
	background: rgba(255, 255, 255, .62);
}
.technofa-tradein-preflight span {
	grid-row: 1 / 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 37px;
	height: 37px;
	border-radius: 11px;
	background: #FFF;
	color: var(--tradein-blue);
	font-weight: 700;
}
.technofa-tradein-preflight strong { font-size: 13px; }
.technofa-tradein-preflight small { color: var(--tradein-muted); font-size: 12px; }
.technofa-tradein-form__shell,
.technofa-page-tradein .technofa-alert {
	max-width: 890px;
	margin-inline: auto;
}
.technofa-tradein-form__shell {
	border: 1px solid rgba(210, 216, 240, .9);
	border-radius: 28px;
	background: #FFF;
	box-shadow: 0 24px 55px rgba(41, 50, 104, .11);
}
.technofa-page-tradein .technofa-tradein-form {
	padding: 28px 30px 32px;
	border-radius: 28px;
	background: #FFF;
	box-shadow: none;
}
.technofa-page-tradein .technofa-stepper {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 6px;
	margin: 0 0 30px;
	padding: 0 0 24px;
	border-bottom: 1px solid #EDF0F6;
}
.technofa-page-tradein .technofa-stepper li {
	min-width: 0;
	padding: 10px 7px;
	border: 0;
	border-radius: 11px;
	background: #F4F6FB;
	font-size: 13px;
	font-weight: 750;
}
.technofa-page-tradein .technofa-stepper li.is-active {
	background: var(--tradein-blue);
	box-shadow: 0 8px 18px rgba(49, 92, 255, .2);
	color: #FFF;
}
.technofa-page-tradein .technofa-stepper li.is-done {
	background: #E9F8F0;
	color: #118657;
}
.technofa-page-tradein .technofa-step legend {
	margin-bottom: 20px;
	color: var(--tradein-ink);
	font-size: 21.5px;
	font-weight: 700;
}
.technofa-page-tradein .technofa-field {
	margin: 16px 0;
}
.technofa-page-tradein .technofa-field label {
	margin-bottom: 8px;
	font-size: 14px;
}
.technofa-page-tradein .technofa-field input[type="text"],
.technofa-page-tradein .technofa-field input[type="tel"],
.technofa-page-tradein .technofa-field input[type="file"],
.technofa-page-tradein .technofa-field select {
	width: 100%;
	min-height: 51px;
	padding: 12px 14px;
	border: 1px solid #DDE2EE;
	border-radius: 12px;
	background: #FAFBFD;
	font-family: inherit;
	font-size: 15px;
}
.technofa-page-tradein .technofa-field input[type="file"] {
	padding: 8px;
}
.technofa-page-tradein .technofa-field input[type="file"]::file-selector-button {
	margin-left: 12px;
	padding: 8px 13px;
	border: 0;
	border-radius: 9px;
	background: #E7ECFF;
	color: var(--tradein-blue-deep);
	font-family: inherit;
	font-weight: 500;
	cursor: pointer;
}
.technofa-page-tradein .technofa-field input:focus,
.technofa-page-tradein .technofa-field select:focus {
	border-color: var(--tradein-blue);
	background: #FFF;
	outline: 3px solid rgba(49, 92, 255, .12);
}
.technofa-page-tradein .technofa-checklist-row {
	padding: 13px 15px;
	border-color: #E6E9F1;
	border-radius: 12px;
	background: #FAFBFD;
}
.technofa-page-tradein .technofa-checklist-row:has(input:checked) {
	border-color: #BEE7D1;
	background: #EEFAF4;
}
.technofa-page-tradein .technofa-consent-box {
	border: 1px solid #DDE4FB;
	border-radius: 14px;
	background: #F4F7FF;
}
.technofa-page-tradein .technofa-step__nav {
	margin-top: 27px;
	padding-top: 19px;
	border-color: #EDF0F6;
}
.technofa-page-tradein .technofa-step__nav .technofa-btn {
	min-width: 116px;
	min-height: 47px;
	border-radius: 12px;
}
.technofa-page-tradein .technofa-step__nav .technofa-btn--primary,
.technofa-page-tradein .technofa-step__nav .technofa-btn--accent {
	background: var(--tradein-blue);
	border-color: var(--tradein-blue);
	box-shadow: 0 8px 18px rgba(49, 92, 255, .18);
	color: #FFF;
}

.technofa-tradein-faq {
	padding: 78px 0 90px;
	background: #F4F6FA;
}
.technofa-tradein-faq__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 12px;
	max-width: 970px;
	margin: 0 auto;
}
.technofa-page-tradein .technofa-faq-item {
	margin: 0;
	padding: 0;
	border: 1px solid #E7EAF1;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0 8px 22px rgba(34, 46, 85, .045);
}
.technofa-page-tradein .technofa-faq-item summary {
	position: relative;
	padding: 18px 20px 18px 50px;
	font-size: 15px;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}
.technofa-page-tradein .technofa-faq-item summary::-webkit-details-marker { display: none; }
.technofa-page-tradein .technofa-faq-item summary::after {
	content: "+";
	position: absolute;
	left: 17px;
	top: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background: #EEF1FF;
	color: var(--tradein-blue);
	font: 500 17px/1 Arial, sans-serif;
	transform: translateY(-50%);
}
.technofa-page-tradein .technofa-faq-item[open] summary::after { content: "−"; }
.technofa-page-tradein .technofa-faq-item p {
	margin: 0;
	padding: 0 20px 19px;
	color: var(--tradein-muted);
	font-size: 14px;
	line-height: 1.95;
}

@media (max-width: 980px) {
	.technofa-tradein-hero__grid { grid-template-columns: 1fr 1fr; gap: 28px; }
	.technofa-tradein-visual { min-height: 370px; transform: scale(.9); }
	.technofa-page-tradein .technofa-tradein-step { padding-inline: 9px; }
}

@media (max-width: 767px) {
	.technofa-tradein-hero { padding: 36px 0 56px; }
	.technofa-tradein-hero__head { margin-bottom: 25px; }
	.technofa-tradein-hero__title { margin-top: 12px; font-size: 33px; letter-spacing: -.5px; }
	.technofa-tradein-hero__lead { font-size: 15px; line-height: 1.9; }
	.technofa-tradein-hero__grid { grid-template-columns: 1fr; gap: 18px; }
	.technofa-tradein-visual { width: min(100%, 410px); min-height: 350px; margin: 0 auto; transform: scale(.94); }
	.technofa-tradein-benefits { gap: 13px; }
	.technofa-tradein-benefit { grid-template-columns: 50px 1fr; gap: 12px; }
	.technofa-tradein-benefit__icon { width: 50px; height: 50px; border-radius: 15px; }
	.technofa-tradein-hero__actions { display: grid; grid-template-columns: 1fr; }
	.technofa-page-tradein .technofa-tradein-hero__actions .technofa-btn { width: 100%; }
	.technofa-tradein-steps { padding: 54px 0 62px; }
	.technofa-tradein-section-head { margin-bottom: 24px; }
	.technofa-tradein-steps__card { padding: 13px; overflow-x: auto; scroll-snap-type: x mandatory; }
	.technofa-page-tradein .technofa-tradein-steps__grid { width: max-content; grid-template-columns: repeat(6, 145px); }
	.technofa-page-tradein .technofa-tradein-step { min-height: 152px; padding: 11px 13px; scroll-snap-align: start; }
	.technofa-tradein-form-section { padding: 57px 0 65px; }
	.technofa-tradein-preflight { grid-template-columns: 1fr; gap: 8px; }
	.technofa-page-tradein .technofa-tradein-form { padding: 19px 14px 23px; border-radius: 21px; }
	.technofa-tradein-form__shell { border-radius: 22px; }
	.technofa-page-tradein .technofa-stepper { display: flex; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 16px; }
	.technofa-page-tradein .technofa-stepper li { flex: 0 0 auto; min-width: 104px; }
	.technofa-page-tradein .technofa-step legend { font-size: 19px; }
	.technofa-page-tradein .technofa-step__nav { flex-wrap: wrap; }
	.technofa-page-tradein .technofa-step__nav .technofa-btn { flex: 1; min-width: 105px; }
	.technofa-tradein-faq { padding: 57px 0 70px; }
	.technofa-tradein-faq__grid { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
	.technofa-tradein-visual { min-height: 315px; transform: scale(.82); transform-origin: center top; margin-bottom: -42px; }
	.technofa-tradein-device--old { right: 28px; }
	.technofa-tradein-device--new { left: 26px; }
	.technofa-tradein-visual__value { left: 0; }
}

/* ======================= TECHNOFA 2.3 — AJAX SHOP ======================= */
.technofa-shop-archive {
	--shop-blue: var(--tf-brand);
	--shop-blue-deep: #173CCB;
	--shop-ink: #171A2B;
	--shop-muted: #697187;
	max-width: 1380px;
	padding-top: 28px;
}

.technofa-shop-header {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	align-items: center;
	min-height: 224px;
	margin-bottom: 17px;
	padding: 38px 48px;
	overflow: hidden;
	border: 0;
	border-radius: 32px;
	background:
		radial-gradient(circle at 10% 120%, rgba(255,255,255,.19), transparent 32%),
		linear-gradient(120deg, #152A70 0%, var(--tf-brand) 62%, #6B82FF 100%);
	box-shadow: 0 20px 45px rgba(31, 62, 173, .16);
	color: #FFF;
}
.technofa-shop-header::before {
	content: "";
	position: absolute;
	left: -80px;
	top: -125px;
	width: 300px;
	height: 300px;
	border: 56px solid rgba(255, 255, 255, .08);
	border-radius: 50%;
}
.technofa-shop-header__content {
	position: relative;
	z-index: 2;
	max-width: 670px;
}
.technofa-shop-header__eyebrow {
	display: inline-flex;
	padding: 6px 13px;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 999px;
	background: rgba(255,255,255,.11);
	font-size: 13px;
	font-weight: 750;
}
.technofa-shop-header h1 {
	margin: 13px 0 7px;
	color: #FFF;
	font-size: clamp(32px, 4vw, 42.5px);
	font-weight: 700;
	letter-spacing: -.8px;
}
.technofa-shop-header p {
	max-width: 600px;
	margin: 0;
	color: rgba(255,255,255,.78);
	font-size: 15px;
	line-height: 1.95;
}
.technofa-shop-header__art {
	position: relative;
	height: 180px;
}
.technofa-shop-header__art::before {
	content: "";
	position: absolute;
	inset: 7px 34px -30px;
	border-radius: 50%;
	background: rgba(255,255,255,.12);
}
.technofa-shop-header__phone {
	position: absolute;
	top: 10px;
	width: 86px;
	height: 166px;
	border: 6px solid #111936;
	border-radius: 22px;
	background: linear-gradient(145deg, #FCFDFF, #93AAFF 58%, #3858D1);
	box-shadow: 0 23px 34px rgba(13, 25, 76, .35);
}
.technofa-shop-header__phone::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 7px;
	width: 29px;
	height: 5px;
	border-radius: 5px;
	background: #111936;
	transform: translateX(-50%);
}
.technofa-shop-header__phone--one { right: 69px; transform: rotate(9deg); }
.technofa-shop-header__phone--two { left: 61px; top: 19px; transform: rotate(-10deg); background: linear-gradient(145deg, #FFF, #F4B8CF 58%, #B25EC4); }
.technofa-shop-header__spark {
	position: absolute;
	left: 50%;
	top: 63px;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0 12px 26px rgba(13, 25, 76, .25);
	color: var(--shop-blue);
	font-size: 22.5px;
	transform: translateX(-50%) rotate(5deg);
}

.technofa-shop-categories {
	display: flex;
	gap: 9px;
	margin-bottom: 17px;
	padding: 12px;
	overflow-x: auto;
	border: 1px solid #E4E8F1;
	border-radius: 19px;
	background: #FFF;
	scrollbar-width: none;
}
.technofa-shop-categories::-webkit-scrollbar { display: none; }
.technofa-shop-category {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 7px;
	min-height: 41px;
	padding: 8px 15px;
	border: 1px solid #E5E8F0;
	border-radius: 13px;
	background: #F8F9FC;
	color: #4E566B;
	font-family: inherit;
	font-size: 13px;
	font-weight: 750;
	cursor: pointer;
	transition: .18s ease;
}
.technofa-shop-category span {
	display: grid;
	place-items: center;
	min-width: 23px;
	height: 23px;
	padding: 0 5px;
	border-radius: 8px;
	background: #FFF;
	color: #7C8498;
	font-size: 12px;
}
.technofa-shop-category:hover,
.technofa-shop-category.is-active {
	border-color: var(--shop-blue);
	background: var(--shop-blue);
	box-shadow: 0 8px 18px rgba(49, 92, 255, .18);
	color: #FFF;
}
.technofa-shop-category.is-active span { color: var(--shop-blue); }

.technofa-shop-archive .technofa-shop-controls {
	position: relative;
	z-index: 20;
	display: grid;
	grid-template-columns: minmax(270px, 1fr) auto;
	gap: 16px;
	margin-bottom: 17px;
	padding: 12px 14px;
	border: 1px solid #E1E6EF;
	border-radius: 19px;
	background: rgba(255,255,255,.96);
	box-shadow: 0 8px 24px rgba(29, 41, 79, .04);
}
.technofa-shop-search {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 15px;
	border: 1px solid transparent;
	border-radius: 13px;
	background: #F3F5F9;
	color: #8A91A4;
	transition: .18s ease;
}
.technofa-shop-search:focus-within {
	border-color: #AFC0FF;
	background: #FFF;
	box-shadow: 0 0 0 3px rgba(49,92,255,.1);
	color: var(--shop-blue);
}
.technofa-shop-search input {
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
}
.technofa-shop-controls__meta {
	display: flex;
	align-items: center;
	gap: 10px;
}
.technofa-shop-result-count {
	white-space: nowrap;
	color: var(--shop-muted);
	font-size: 13px;
	font-weight: 500;
}
.technofa-shop-ordering {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 48px;
	padding: 0 12px;
	border: 1px solid #E2E6EF;
	border-radius: 13px;
	background: #FFF;
	color: var(--shop-muted);
	font-size: 13px;
}
.technofa-shop-ordering select {
	max-width: 145px;
	border: 0;
	outline: 0;
	background: #FFF;
	color: var(--shop-ink);
	font-family: inherit;
	font-size: 13px;
	font-weight: 750;
}
.technofa-shop-archive .technofa-filter-toggle {
	position: relative;
	display: none;
	min-height: 48px;
	padding: 0 14px;
	border-radius: 13px;
	background: var(--shop-blue);
	font-family: inherit;
	font-weight: 750;
}
.technofa-filter-count {
	display: inline-grid;
	place-items: center;
	min-width: 21px;
	height: 21px;
	padding: 0 4px;
	border-radius: 7px;
	background: #FFF;
	color: var(--shop-blue);
	font-size: 12px;
}

.technofa-shop-archive .technofa-shop-layout {
	position: relative;
	display: grid;
	grid-template-columns: 286px minmax(0, 1fr);
	align-items: start;
	gap: 18px;
}
.technofa-shop-archive .technofa-shop-filters {
	position: sticky;
	top: 18px;
	max-height: calc(100vh - 36px);
	padding: 0;
	overflow: hidden auto;
	border: 1px solid #E1E5EE;
	border-radius: 22px;
	background: #FFF;
	box-shadow: 0 10px 28px rgba(29, 41, 79, .045);
	scrollbar-width: thin;
}
.technofa-shop-filter-form { min-height: 100%; }
.technofa-shop-filters__head {
	position: sticky;
	top: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 19px 18px 15px;
	border-bottom: 1px solid #EDF0F5;
	background: rgba(255,255,255,.97);
}
.technofa-shop-filters__head > div span,
.technofa-shop-filters__head > div small { display: block; }
.technofa-shop-filters__head > div span { color: var(--shop-ink); font-size: 16px; font-weight: 850; }
.technofa-shop-filters__head > div small { margin-top: 2px; color: var(--shop-muted); font-size: 12px; }
.technofa-shop-filters__close {
	display: none;
	width: 36px;
	height: 36px;
	border-radius: 11px;
	background: #F1F3F8;
	color: #687087;
	font-family: Arial, sans-serif;
	font-size: 25.5px;
}
.technofa-shop-stock-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 14px;
	padding: 13px;
	border-radius: 14px;
	background: #F3F6FF;
}
.technofa-shop-stock-filter strong,
.technofa-shop-stock-filter small { display: block; }
.technofa-shop-stock-filter strong { color: #293047; font-size: 13px; }
.technofa-shop-stock-filter small { margin-top: 2px; color: #7A8295; font-size: 12px; }
.technofa-switch { position: relative; flex: 0 0 auto; width: 43px; height: 24px; cursor: pointer; }
.technofa-switch input { position: absolute; opacity: 0; pointer-events: none; }
.technofa-switch span {
	position: absolute;
	inset: 0;
	border-radius: 999px;
	background: #C9CFDB;
	transition: .2s;
}
.technofa-switch span::after {
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.16);
	transition: .2s;
}
.technofa-switch input:checked + span { background: var(--shop-blue); }
.technofa-switch input:checked + span::after { transform: translateX(-19px); }
.technofa-switch input:focus-visible + span { outline: 3px solid rgba(49,92,255,.18); }

.technofa-shop-filter-group {
	margin: 0 14px;
	border-top: 1px solid #EDF0F5;
}
.technofa-shop-filter-group summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 1px;
	color: #30364A;
	font-size: 13px;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}
.technofa-shop-filter-group summary::-webkit-details-marker { display: none; }
.technofa-shop-filter-group summary span { color: #8B93A5; font-size: 16px; transition: transform .2s; }
.technofa-shop-filter-group[open] summary span { transform: rotate(180deg); }
.technofa-shop-filter-options {
	display: grid;
	gap: 3px;
	max-height: 220px;
	overflow-y: auto;
	padding: 0 1px 13px;
	scrollbar-width: thin;
}
.technofa-shop-filter-options label {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	min-height: 37px;
	padding: 5px 7px;
	border-radius: 9px;
	cursor: pointer;
}
.technofa-shop-filter-options label:hover { background: #F6F8FC; }
.technofa-shop-filter-options input { position: absolute; opacity: 0; }
.technofa-filter-check {
	display: grid;
	place-items: center;
	width: 19px;
	height: 19px;
	border: 1.5px solid #CDD3DF;
	border-radius: 6px;
	background: #FFF;
	color: transparent;
	font-size: 13px;
	font-weight: 700;
}
.technofa-shop-filter-options input:checked + .technofa-filter-check {
	border-color: var(--shop-blue);
	background: var(--shop-blue);
	color: #FFF;
}
.technofa-shop-filter-options input:focus-visible + .technofa-filter-check { outline: 3px solid rgba(49,92,255,.16); }
.technofa-filter-label { overflow: hidden; color: #4B5265; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.technofa-shop-filter-options label > small { color: #949BAA; font-size: 12px; }
.technofa-price-filter { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-bottom: 14px; }
.technofa-price-filter label span { display: block; margin-bottom: 5px; color: #7C8497; font-size: 12px; }
.technofa-price-filter input {
	width: 100%;
	min-height: 40px;
	padding: 8px;
	border: 1px solid #E0E4EC;
	border-radius: 9px;
	background: #FAFBFD;
	font-family: inherit;
	font-size: 12px;
}
.technofa-price-filter > small { grid-column: 1 / -1; color: #9299A8; font-size: 12px; }
.technofa-shop-filter-actions {
	position: sticky;
	bottom: 0;
	z-index: 4;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px;
	padding: 14px;
	border-top: 1px solid #E9EDF4;
	background: rgba(255,255,255,.97);
}
.technofa-shop-filter-actions .technofa-btn { min-height: 43px; border-radius: 11px; font-size: 13px; }
.technofa-shop-clear {
	min-height: 43px;
	padding: 0 11px;
	border: 0;
	border-radius: 11px;
	background: #F1F3F7;
	color: #646C80;
	font-family: inherit;
	font-size: 12px;
	font-weight: 750;
	cursor: pointer;
}
.technofa-shop-filter-overlay { display: none; }

.technofa-shop-products { position: relative; min-width: 0; min-height: 430px; }
.technofa-shop-products__inner { transition: opacity .15s; }
.technofa-shop-products.is-loading .technofa-shop-products__inner { opacity: .2; pointer-events: none; }
.technofa-shop-loading {
	position: absolute;
	inset: 0 0 auto;
	z-index: 8;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.technofa-shop-loading[hidden] { display: none; }
.technofa-shop-loading span {
	display: block;
	height: 385px;
	border: 1px solid #EBEDF3;
	border-radius: 22px;
	background: linear-gradient(100deg, #F2F4F8 20%, #FAFBFD 38%, #F2F4F8 56%);
	background-size: 220% 100%;
	animation: technofa-shop-shimmer 1.2s linear infinite;
}
@keyframes technofa-shop-shimmer { to { background-position-x: -220%; } }

.technofa-shop-archive .woocommerce ul.products,
.technofa-shop-archive ul.products {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.technofa-shop-archive .woocommerce ul.products li.product.technofa-product-card,
.technofa-shop-archive ul.products li.technofa-product-card {
	padding: 11px 11px 14px;
	border-color: #E1E5ED;
	border-radius: 22px;
	box-shadow: 0 7px 22px rgba(26, 39, 78, .035);
}
.technofa-shop-archive .woocommerce ul.products li.product.technofa-product-card:hover,
.technofa-shop-archive ul.products li.technofa-product-card:hover {
	border-color: #B8C5F5;
	box-shadow: 0 18px 40px rgba(34, 61, 159, .1);
}
.technofa-shop-archive .technofa-product-card__media { border-radius: 17px; background: #F5F7FA; }
.technofa-shop-archive .technofa-product-card__image { padding: 11px; transition: transform .28s ease; }
.technofa-shop-archive .technofa-product-card:hover .technofa-product-card__image { transform: scale(1.045); }
.technofa-shop-archive .technofa-product-card__badge {
	top: 10px;
	right: 10px;
	padding: 5px 9px;
	border-radius: 9px;
	background: #F04468;
	font-size: 12px;
	font-weight: 850;
}
.technofa-shop-archive .technofa-product-card__badge--oos { right: auto; left: 10px; background: rgba(70,77,94,.88); }
.technofa-product-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-height: 21px; margin-bottom: 4px; }
.technofa-product-card__brand { color: var(--shop-blue); font-size: 12px; font-weight: 600; }
.technofa-product-card__rating { color: #DA8B00; font-size: 12px; font-weight: 600; }
.technofa-shop-archive .technofa-product-card__body { padding: 12px 3px 7px; }
.technofa-shop-archive .technofa-product-card__title {
	display: -webkit-box;
	min-height: 50px;
	margin-bottom: 9px;
	overflow: hidden;
	color: #292E40;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.85;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.technofa-shop-archive .technofa-product-card__price { min-height: 49px; }
.technofa-shop-archive .technofa-product-card__price-toman { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; color: #191D2C; font-size: 16px; }
.technofa-shop-archive .technofa-product-card__price-toman .amount { color: inherit; font-weight: 700; }
.technofa-shop-archive .technofa-product-card__price-toman del { color: #A2A8B5; font-size: 12px; opacity: 1; }
.technofa-shop-archive .technofa-product-card__price-toman ins { text-decoration: none; }
.technofa-shop-archive .technofa-product-card__price-aed { margin-top: 3px; color: #9299A8; font-size: 12px; }
.technofa-product-card__stock { display: inline-flex; align-items: center; gap: 5px; margin-top: 5px; color: #13875B; font-size: 12px; font-weight: 500; }
.technofa-product-card__stock::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.technofa-product-card__stock--outofstock { color: #969CAA; }
.technofa-shop-archive .technofa-product-card__actions { padding: 0 3px; }
.technofa-shop-archive .technofa-product-card__actions .technofa-btn {
	min-height: 43px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}
.technofa-shop-archive .technofa-product-card__actions .ajax_add_to_cart.is-loading { opacity: .7; pointer-events: none; }
.technofa-shop-archive .technofa-product-card__actions .ajax_add_to_cart.is-added { background: #12A36E; }

.technofa-shop-empty,
.technofa-shop-error {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 390px;
	padding: 38px;
	border: 1px dashed #D6DBE7;
	border-radius: 23px;
	background: #FFF;
	text-align: center;
}
.technofa-shop-empty > span { display: grid; place-items: center; width: 67px; height: 67px; border-radius: 22px; background: #EEF2FF; color: var(--shop-blue); font-size: 32px; }
.technofa-shop-empty h2 { margin: 15px 0 5px; font-size: 19.5px; }
.technofa-shop-empty p { margin: 0 0 16px; color: var(--shop-muted); font-size: 13px; }
.technofa-shop-error strong { color: #C63D55; font-size: 17px; }
.technofa-shop-error span { margin: 5px 0 16px; color: var(--shop-muted); font-size: 13px; }
.technofa-shop-retry { min-height: 42px; padding: 0 17px; border: 0; border-radius: 11px; background: var(--shop-blue); color: #FFF; font-family: inherit; font-weight: 750; cursor: pointer; }

.technofa-shop-pagination-wrap { margin-top: 25px; }
.technofa-shop-pagination { display: flex; align-items: center; justify-content: center; gap: 6px; direction: ltr; }
.technofa-shop-pagination button,
.technofa-shop-pagination span {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid #DFE3EC;
	border-radius: 11px;
	background: #FFF;
	color: #596174;
	font-family: inherit;
	font-size: 13px;
	font-weight: 750;
}
.technofa-shop-pagination button { cursor: pointer; }
.technofa-shop-pagination button:hover,
.technofa-shop-pagination button.is-current {
	border-color: var(--shop-blue);
	background: var(--shop-blue);
	box-shadow: 0 7px 16px rgba(49,92,255,.18);
	color: #FFF;
}
.technofa-shop-pagination button:disabled { opacity: .4; cursor: not-allowed; }
.technofa-shop-pagination span { border-color: transparent; background: transparent; }

@media (max-width: 1100px) {
	.technofa-shop-archive .technofa-shop-layout { grid-template-columns: 255px minmax(0, 1fr); }
	.technofa-shop-archive .woocommerce ul.products,
	.technofa-shop-archive ul.products,
	.technofa-shop-loading { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-shop-header { grid-template-columns: minmax(0, 1fr) 270px; }
}

@media (max-width: 899px) {
	.technofa-shop-archive { padding-inline: 15px; }
	.technofa-shop-archive .technofa-filter-toggle { display: inline-flex; }
	.technofa-shop-archive .technofa-shop-layout { display: block; }
	.technofa-shop-archive .technofa-shop-filters {
		position: fixed;
		inset: 0 0 0 auto;
		z-index: 302;
		width: min(88vw, 370px);
		max-width: none;
		max-height: 100vh;
		border-width: 0 0 0 1px;
		border-radius: 0;
		box-shadow: -15px 0 45px rgba(17,25,56,.2);
		transform: translateX(105%);
		visibility: hidden;
		transition: transform .25s ease, visibility .25s;
	}
	.technofa-shop-archive .technofa-shop-filters[data-open="true"] { transform: translateX(0); visibility: visible; }
	.technofa-shop-filters__close { display: inline-grid; place-items: center; }
	.technofa-shop-filter-overlay {
		position: fixed;
		inset: 0;
		z-index: 301;
		display: block;
		border: 0;
		background: rgba(17, 23, 44, .48);
		opacity: 0;
		visibility: hidden;
		transition: .2s;
	}
	body.has-modal-open .technofa-shop-filter-overlay { opacity: 1; visibility: visible; }
	body.has-modal-open { overflow: hidden; }
}

@media (max-width: 767px) {
	.technofa-shop-archive { padding: 14px 11px 76px; }
	.technofa-shop-header {
		grid-template-columns: 1fr 135px;
		min-height: 176px;
		padding: 25px 22px;
		border-radius: 24px;
	}
	.technofa-shop-header h1 { margin-top: 10px; font-size: 30px; }
	.technofa-shop-header p { font-size: 13px; line-height: 1.8; }
	.technofa-shop-header__eyebrow { padding: 5px 10px; font-size: 12px; }
	.technofa-shop-header__art { height: 135px; }
	.technofa-shop-header__art::before { inset: 8px 3px -20px; }
	.technofa-shop-header__phone { top: 13px; width: 59px; height: 116px; border-width: 4px; border-radius: 16px; }
	.technofa-shop-header__phone--one { right: 13px; }
	.technofa-shop-header__phone--two { left: 7px; top: 20px; }
	.technofa-shop-header__spark { top: 48px; width: 38px; height: 38px; border-radius: 12px; font-size: 18px; }
	.technofa-shop-categories { margin-bottom: 12px; padding: 9px; border-radius: 16px; }
	.technofa-shop-category { min-height: 38px; padding: 7px 12px; border-radius: 11px; font-size: 12px; }
	.technofa-shop-archive .technofa-shop-controls { grid-template-columns: 1fr; gap: 9px; margin-bottom: 12px; padding: 10px; border-radius: 17px; }
	.technofa-shop-search { min-height: 46px; }
	.technofa-shop-controls__meta { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
	.technofa-shop-result-count { display: none; }
	.technofa-shop-ordering { min-height: 44px; padding-inline: 10px; }
	.technofa-shop-ordering > span { display: none; }
	.technofa-shop-ordering select { max-width: none; width: 100%; }
	.technofa-shop-archive .technofa-filter-toggle { min-height: 44px; }
	.technofa-shop-archive .woocommerce ul.products,
	.technofa-shop-archive ul.products,
	.technofa-shop-loading { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
	.technofa-shop-archive .woocommerce ul.products li.product.technofa-product-card,
	.technofa-shop-archive ul.products li.technofa-product-card { padding: 7px 7px 10px; border-radius: 17px; }
	.technofa-shop-archive .technofa-product-card__media { border-radius: 13px; }
	.technofa-shop-archive .technofa-product-card__image { padding: 6px; }
	.technofa-shop-archive .technofa-product-card__badge { top: 7px; right: 7px; padding: 4px 6px; border-radius: 7px; font-size: 11.5px; }
	.technofa-shop-archive .technofa-product-card__badge--oos { right: auto; left: 7px; }
	.technofa-shop-archive .technofa-product-card__body { padding: 9px 2px 5px; }
	.technofa-product-card__meta { min-height: 17px; }
	.technofa-product-card__brand, .technofa-product-card__rating { font-size: 11.5px; }
	.technofa-shop-archive .technofa-product-card__title { min-height: 43px; margin-bottom: 6px; font-size: 12px; line-height: 2; }
	.technofa-shop-archive .technofa-product-card__price { min-height: 42px; }
	.technofa-shop-archive .technofa-product-card__price-toman { font-size: 13px; }
	.technofa-shop-archive .technofa-product-card__price-toman del { font-size: 11.5px; }
	.technofa-product-card__stock { font-size: 11.5px; }
	.technofa-shop-archive .technofa-product-card__actions .technofa-btn { min-height: 39px; padding-inline: 5px; border-radius: 10px; font-size: 12px; }
	.technofa-shop-loading span { height: 300px; border-radius: 17px; }
	.technofa-shop-pagination button, .technofa-shop-pagination span { width: 35px; height: 35px; border-radius: 10px; font-size: 12px; }
}

@media (max-width: 420px) {
	.technofa-shop-header { grid-template-columns: 1fr 105px; padding-inline: 17px; }
	.technofa-shop-header p { max-width: 210px; }
	.technofa-shop-header__phone { width: 49px; height: 103px; }
	.technofa-shop-header__phone--one { right: 5px; }
	.technofa-shop-header__phone--two { left: 0; }
	.technofa-shop-header__spark { width: 32px; height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
	.technofa-shop-loading span { animation: none; }
}

/* ======================= TECHNOFA 2.7 — CONTACT ======================= */
.technofa-contact-page {
	--contact-blue: var(--tf-brand);
	--contact-blue-deep: #183CC8;
	--contact-ink: #1B1F2E;
	--contact-muted: #6F778A;
	padding: 28px 0 95px;
	background: #F4F6FA;
	color: var(--contact-ink);
}
.technofa-contact-page__container { max-width: 1320px; }
.technofa-contact-v2-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 460px;
	align-items: center;
	min-height: 370px;
	padding: 46px 52px;
	overflow: hidden;
	border-radius: 30px;
	background:
		radial-gradient(circle at 12% 120%, rgba(255,255,255,.14), transparent 36%),
		linear-gradient(120deg, #14265C 0%, var(--tf-brand) 70%, #7088FF 100%);
	box-shadow: 0 22px 48px rgba(31,60,165,.16);
	color: #FFF;
}
.technofa-contact-v2-hero::before,
.technofa-contact-v2-hero::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; pointer-events: none; }
.technofa-contact-v2-hero::before { left: -120px; bottom: -210px; width: 430px; height: 430px; }
.technofa-contact-v2-hero::after { left: -35px; bottom: -125px; width: 250px; height: 250px; }
.technofa-contact-v2-hero__copy { position: relative; z-index: 2; max-width: 650px; }
.technofa-contact-v2-hero__eyebrow { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 13px; font-weight: 750; }
.technofa-contact-v2-hero__eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #65E4B4; box-shadow: 0 0 0 4px rgba(101,228,180,.14); }
.technofa-contact-v2-hero h1 { margin: 14px 0 10px; color: #FFF; font-size: clamp(37.5px, 5vw, 55.5px); font-weight: 950; line-height: 1.28; letter-spacing: -.8px; }
.technofa-contact-v2-hero__copy > p { max-width: 610px; margin: 0; color: rgba(255,255,255,.76); font-size: 15px; line-height: 2; }
.technofa-contact-v2-hero__actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.technofa-contact-v2-hero__actions a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 10px 20px; border: 1px solid rgba(255,255,255,.22); border-radius: 13px; background: rgba(255,255,255,.1); color: #FFF; font-size: 13px; font-weight: 850; text-decoration: none; transition: .18s ease; }
.technofa-contact-v2-hero__actions a.is-primary { border-color: #FFF; background: #FFF; color: var(--contact-blue); box-shadow: 0 11px 25px rgba(10,27,90,.2); }
.technofa-contact-v2-hero__actions a:hover { transform: translateY(-2px); }
.technofa-contact-v2-hero__visual { position: relative; z-index: 2; min-height: 270px; }
.technofa-contact-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(255,255,255,.19); border-radius: 50%; transform: translate(-50%,-50%); }
.technofa-contact-orbit--one { width: 250px; height: 250px; }
.technofa-contact-orbit--two { width: 190px; height: 190px; }
.technofa-contact-support-mark { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 118px; height: 118px; border: 1px solid rgba(255,255,255,.38); border-radius: 38px; background: rgba(255,255,255,.16); box-shadow: 0 22px 50px rgba(11,26,92,.23); color: #FFF; transform: translate(-50%,-50%) rotate(-3deg); backdrop-filter: blur(8px); }
.technofa-contact-support-mark svg { transform: rotate(3deg); }
.technofa-contact-float-card { position: absolute; display: flex; align-items: center; gap: 9px; min-width: 210px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.28); border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: 0 14px 35px rgba(12,29,94,.17); color: #343A4D; }
.technofa-contact-float-card--response { right: 5px; top: 20px; }
.technofa-contact-float-card--secure { left: 2px; bottom: 10px; }
.technofa-contact-float-card > i { width: 9px; height: 9px; border-radius: 50%; background: #19B67B; box-shadow: 0 0 0 5px rgba(25,182,123,.12); }
.technofa-contact-float-card > b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: #EAF8F2; color: #0C8C61; }
.technofa-contact-float-card span,
.technofa-contact-float-card strong,
.technofa-contact-float-card small { display: block; }
.technofa-contact-float-card strong { font-size: 12px; }
.technofa-contact-float-card small { margin-top: 2px; color: #8A91A0; font-size: 11.5px; }

.technofa-contact-channels { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin: -35px 24px 22px; }
.technofa-contact-channel { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-width: 0; min-height: 88px; padding: 14px; border: 1px solid #E1E5EE; border-radius: 18px; background: #FFF; box-shadow: 0 12px 30px rgba(29,42,81,.08); color: var(--contact-ink); text-decoration: none; transition: .18s ease; }
.technofa-contact-channel:hover { border-color: #C8D3FF; color: var(--contact-ink); transform: translateY(-3px); }
.technofa-contact-channel__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #EAF0FF; color: var(--contact-blue); font: 850 18px/1 Arial, sans-serif; }
.technofa-contact-channel__icon.is-whatsapp { background: #E8F8F1; color: #0B9364; }
.technofa-contact-channel__icon.is-instagram { background: #FBEAF4; color: #C63D82; font-size: 26.5px; }
.technofa-contact-channel__icon.is-location { background: #FFF1E7; color: #E36E25; }
.technofa-contact-channel > span:nth-child(2),
.technofa-contact-channel small,
.technofa-contact-channel strong { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.technofa-contact-channel small { margin-bottom: 3px; color: #9097A7; font-size: 12px; }
.technofa-contact-channel strong { font-size: 13px; }
.technofa-contact-channel > b { color: #A2A9B7; font-size: 15px; }

.technofa-contact-v2-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: start; gap: 18px; }
.technofa-contact-v2-form-card,
.technofa-contact-store-card,
.technofa-contact-hours-card { border: 1px solid #E1E5EE; border-radius: 24px; background: #FFF; box-shadow: 0 10px 30px rgba(29,42,81,.045); }
.technofa-contact-v2-form-card { padding: 24px; }
.technofa-contact-v2-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 21px; padding-bottom: 18px; border-bottom: 1px solid #ECEEF3; }
.technofa-contact-v2-card-head > div > span { display: block; margin-bottom: 4px; color: var(--contact-blue); font-size: 12px; font-weight: 850; }
.technofa-contact-v2-card-head h2 { margin: 0 0 4px; font-size: 20.5px; font-weight: 950; }
.technofa-contact-v2-card-head p { margin: 0; color: var(--contact-muted); font-size: 12px; }
.technofa-contact-v2-card-head > i { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 13px; background: #E9EEFF; color: var(--contact-blue); font-style: normal; font-size: 19px; }
.technofa-contact-feedback { margin: 0 0 17px; padding: 13px 15px; border: 1px solid #C5E8DA; border-radius: 13px; background: #F4FCF8; color: #11714E; font-size: 13px; font-weight: 750; line-height: 1.9; }
.technofa-contact-feedback.is-error { border-color: #F0C4CC; background: #FFF7F8; color: #A13950; }
.technofa-contact-feedback[hidden] { display: none; }
.technofa-contact-v2-form-card .technofa-admin-wa-box { margin: 0 0 17px; padding: 12px 14px; border-color: #F1DA9A; border-radius: 13px; font-size: 12px; }
.technofa-contact-form--v2 { position: relative; }
.technofa-contact-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 13px; }
.technofa-contact-field { min-width: 0; margin: 0; }
.technofa-contact-field.is-wide { grid-column: 1 / -1; }
.technofa-contact-field label { display: flex; align-items: center; gap: 5px; margin: 0 0 7px; color: #4E5669; font-size: 13px; font-weight: 750; }
.technofa-contact-field label > span { color: #D84761; }
.technofa-contact-field label > small { color: #A1A7B4; font-size: 11.5px; font-weight: 450; }
.technofa-contact-field input,
.technofa-contact-field select,
.technofa-contact-field textarea { width: 100%; min-height: 51px; padding: 10px 13px; border: 1px solid #DCE1EB; border-radius: 12px; outline: 0; background: #FAFBFD; box-shadow: none; color: #292E40; font-family: inherit; font-size: 13px; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.technofa-contact-field textarea { min-height: 135px; resize: vertical; line-height: 1.9; }
.technofa-contact-field input:focus,
.technofa-contact-field select:focus,
.technofa-contact-field textarea:focus { border-color: var(--contact-blue); background: #FFF; box-shadow: 0 0 0 3px rgba(49,92,255,.1); }
.technofa-contact-field input:user-invalid,
.technofa-contact-field select:user-invalid,
.technofa-contact-field textarea:user-invalid { border-color: #D84761; background: #FFF8F9; }
.technofa-contact-char-count { display: block; margin-top: 6px; color: #9BA2B1; font-size: 12px; text-align: left; }
.technofa-contact-char-count b { color: #687085; }
.technofa-contact-consent { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; padding: 11px 12px; border-radius: 11px; background: #F6F8FC; color: #6C7487; font-size: 12px; line-height: 1.8; cursor: pointer; }
.technofa-contact-consent input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 2px; accent-color: var(--contact-blue); }
.technofa-contact-form__submit { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 17px; }
.technofa-contact-form--v2 .technofa-contact-form__submit button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 165px; min-height: 50px; margin: 0; padding: 10px 19px; border: 0; border-radius: 13px; background: var(--contact-blue); box-shadow: 0 10px 23px rgba(49,92,255,.22); color: #FFF; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: .18s ease; }
.technofa-contact-form--v2 .technofa-contact-form__submit button:hover { background: var(--contact-blue-deep); transform: translateY(-1px); }
.technofa-contact-form--v2 .technofa-contact-form__submit button:disabled { cursor: wait; opacity: .78; }
.technofa-contact-form--v2 .technofa-contact-form__submit button > i { display: none; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.35); border-top-color: #FFF; border-radius: 50%; animation: technofa-contact-spin .7s linear infinite; }
.technofa-contact-form--v2 .technofa-contact-form__submit button.is-loading > i { display: block; }
.technofa-contact-form--v2 .technofa-contact-form__submit button.is-loading > b { display: none; }
.technofa-contact-form__submit > p { max-width: 280px; margin: 0; color: #9299A9; font-size: 12px; line-height: 1.8; text-align: left; }
@keyframes technofa-contact-spin { to { transform: rotate(360deg); } }

.technofa-contact-v2-sidebar { display: grid; gap: 13px; }
.technofa-contact-store-card { overflow: hidden; padding: 20px; }
.technofa-contact-store-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: -20px -20px 9px; padding: 19px 20px; background: linear-gradient(135deg, #182758, var(--tf-brand)); color: #FFF; }
.technofa-contact-store-card > header h2 { margin: 5px 0 0; color: #FFF; font-size: 19px; font-weight: 700; }
.technofa-contact-store-card > header > b { padding: 5px 7px; border: 1px solid rgba(255,255,255,.2); border-radius: 7px; color: rgba(255,255,255,.75); font: 750 7px/1 Arial, sans-serif; letter-spacing: .8px; }
.technofa-contact-store-card .is-online { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.73); font-size: 11.5px; }
.technofa-contact-store-card .is-online i { width: 6px; height: 6px; border-radius: 50%; background: #58E4AE; box-shadow: 0 0 0 4px rgba(88,228,174,.12); }
.technofa-contact-store-row { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 14px 0; border-bottom: 1px solid #ECEEF3; }
.technofa-contact-store-row:last-child { border-bottom: 0; padding-bottom: 3px; }
.technofa-contact-store-row > i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: #EEF2FF; color: var(--contact-blue); font-style: normal; font-size: 16px; }
.technofa-contact-store-row p,
.technofa-contact-store-row small,
.technofa-contact-store-row strong { display: block; margin: 0; }
.technofa-contact-store-row small { margin-bottom: 3px; color: #949BAA; font-size: 11.5px; }
.technofa-contact-store-row strong { color: #4A5163; font-size: 12px; font-weight: 750; line-height: 1.8; }
.technofa-contact-store-row a { color: inherit; text-decoration: none; }
.technofa-contact-store-row p > a { display: inline-block; margin-top: 5px; color: var(--contact-blue); font-size: 12px; font-weight: 600; }
.technofa-contact-hours-card { padding: 17px 19px; }
.technofa-contact-hours-card > header,
.technofa-contact-hours-card > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.technofa-contact-hours-card > header { margin-bottom: 9px; padding-bottom: 11px; border-bottom: 1px solid #ECEEF3; font-size: 14px; font-weight: 700; }
.technofa-contact-hours-card > header i { color: var(--contact-blue); font-style: normal; font-size: 18px; }
.technofa-contact-hours-card > div { padding: 6px 0; color: #71798B; font-size: 12px; }
.technofa-contact-hours-card > div strong { color: #454C5E; font-size: 12px; }
.technofa-contact-hours-card > div.is-closed strong { color: #D14A62; }
.technofa-contact-whatsapp-cta { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 72px; padding: 13px 15px; border-radius: 17px; background: linear-gradient(135deg, #087B58, #10A873); box-shadow: 0 11px 26px rgba(10,137,94,.15); color: #FFF; text-decoration: none; }
.technofa-contact-whatsapp-cta:hover { color: #FFF; transform: translateY(-1px); }
.technofa-contact-whatsapp-cta > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: rgba(255,255,255,.16); font: 700 17px/1 Arial, sans-serif; }
.technofa-contact-whatsapp-cta p,
.technofa-contact-whatsapp-cta small,
.technofa-contact-whatsapp-cta strong { display: block; margin: 0; }
.technofa-contact-whatsapp-cta small { color: rgba(255,255,255,.72); font-size: 11.5px; }
.technofa-contact-whatsapp-cta strong { margin-top: 2px; font-size: 12px; }

.technofa-contact-location-card { display: grid; grid-template-columns: 43% minmax(0, 1fr); min-height: 245px; margin-top: 18px; overflow: hidden; border: 1px solid #E1E5EE; border-radius: 25px; background: #FFF; box-shadow: 0 10px 30px rgba(29,42,81,.045); }
.technofa-contact-location-card__map { position: relative; min-height: 245px; overflow: hidden; background-color: #EAF0FA; background-image: linear-gradient(30deg, transparent 47%, rgba(126,153,196,.18) 48%, rgba(126,153,196,.18) 52%, transparent 53%), linear-gradient(120deg, transparent 47%, rgba(126,153,196,.16) 48%, rgba(126,153,196,.16) 52%, transparent 53%); background-size: 76px 76px; }
.technofa-contact-location-card__map::before,
.technofa-contact-location-card__map::after { content: ""; position: absolute; height: 18px; border-radius: 99px; background: rgba(255,255,255,.72); transform: rotate(-17deg); }
.technofa-contact-location-card__map::before { left: -30px; top: 52px; width: 125%; }
.technofa-contact-location-card__map::after { left: 15px; bottom: 44px; width: 110%; transform: rotate(14deg); }
.technofa-contact-location-card__map > span { position: absolute; z-index: 2; left: 47%; top: 18%; width: 4px; height: 68%; border-radius: 99px; background: rgba(49,92,255,.25); transform: rotate(34deg); }
.technofa-contact-location-card__map > i { position: absolute; left: 50%; top: 50%; z-index: 3; display: grid; place-items: center; width: 54px; height: 54px; border: 7px solid #FFF; border-radius: 18px 18px 18px 4px; background: var(--contact-blue); box-shadow: 0 13px 30px rgba(28,55,153,.25); color: #FFF; font-style: normal; font-size: 23.5px; transform: translate(-50%,-50%) rotate(-8deg); }
.technofa-contact-location-card__copy { align-self: center; padding: 30px 38px; }
.technofa-contact-location-card__copy > span { color: var(--contact-blue); font-size: 12px; font-weight: 850; }
.technofa-contact-location-card__copy h2 { margin: 7px 0 7px; font-size: 22.5px; font-weight: 950; }
.technofa-contact-location-card__copy p { margin: 0; color: var(--contact-muted); font-size: 13px; line-height: 2; }
.technofa-contact-location-card__copy a { display: inline-flex; align-items: center; gap: 9px; min-height: 43px; margin-top: 16px; padding: 8px 14px; border-radius: 11px; background: #EAF0FF; color: var(--contact-blue); font-size: 12px; font-weight: 850; text-decoration: none; }

.technofa-contact-faq { margin-top: 43px; }
.technofa-contact-faq > header { margin-bottom: 16px; text-align: center; }
.technofa-contact-faq > header span { color: var(--contact-blue); font-size: 12px; font-weight: 850; }
.technofa-contact-faq > header h2 { margin: 6px 0 0; font-size: 23.5px; font-weight: 950; }
.technofa-contact-faq__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.technofa-contact-faq details { padding: 16px 17px; border: 1px solid #E1E5EE; border-radius: 16px; background: #FFF; }
.technofa-contact-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #41485A; font-size: 13px; font-weight: 850; cursor: pointer; list-style: none; }
.technofa-contact-faq summary::-webkit-details-marker { display: none; }
.technofa-contact-faq summary i { color: var(--contact-blue); font-style: normal; font-size: 18px; }
.technofa-contact-faq details[open] summary i { transform: rotate(45deg); }
.technofa-contact-faq details p { margin: 12px 0 0; padding-top: 11px; border-top: 1px solid #ECEEF3; color: var(--contact-muted); font-size: 12px; line-height: 2; }

@media (max-width: 1080px) {
	.technofa-contact-v2-hero { grid-template-columns: minmax(0, 1fr) 390px; padding-inline: 40px; }
	.technofa-contact-channels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-contact-v2-layout { grid-template-columns: minmax(0, 1fr) 350px; }
}

@media (max-width: 899px) {
	.technofa-contact-v2-hero { grid-template-columns: 1fr; min-height: 0; }
	.technofa-contact-v2-hero__visual { display: none; }
	.technofa-contact-v2-layout { grid-template-columns: 1fr; }
	.technofa-contact-v2-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-contact-whatsapp-cta { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
	.technofa-contact-page { padding: 12px 0 90px; }
	.technofa-contact-page__container { padding-inline: 10px; }
	.technofa-contact-v2-hero { padding: 30px 21px 35px; border-radius: 22px; }
	.technofa-contact-v2-hero h1 { font-size: 37.5px; }
	.technofa-contact-v2-hero__copy > p { font-size: 13px; }
	.technofa-contact-v2-hero__actions a { min-height: 45px; }
	.technofa-contact-channels { grid-template-columns: 1fr; margin: 12px 0 16px; gap: 8px; }
	.technofa-contact-channel { min-height: 76px; border-radius: 15px; box-shadow: 0 7px 20px rgba(29,42,81,.05); }
	.technofa-contact-v2-form-card,
	.technofa-contact-store-card,
	.technofa-contact-hours-card { border-radius: 20px; }
	.technofa-contact-v2-form-card { padding: 17px 14px; }
	.technofa-contact-v2-card-head h2 { font-size: 18px; }
	.technofa-contact-form__grid { grid-template-columns: 1fr; gap: 13px; }
	.technofa-contact-field.is-wide { grid-column: 1; }
	.technofa-contact-form__submit { align-items: stretch; flex-direction: column; }
	.technofa-contact-form--v2 .technofa-contact-form__submit button { width: 100%; }
	.technofa-contact-form__submit > p { max-width: none; text-align: center; }
	.technofa-contact-v2-sidebar { grid-template-columns: 1fr; }
	.technofa-contact-whatsapp-cta { grid-column: auto; }
	.technofa-contact-location-card { grid-template-columns: 1fr; }
	.technofa-contact-location-card__map { min-height: 185px; }
	.technofa-contact-location-card__copy { padding: 23px 18px; }
	.technofa-contact-location-card__copy h2 { font-size: 19.5px; }
	.technofa-contact-faq { margin-top: 34px; }
	.technofa-contact-faq__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.technofa-contact-form--v2 .technofa-contact-form__submit button > i { animation: none; }
	.technofa-contact-channel,
	.technofa-contact-v2-hero__actions a { transition: none; }
}

/* ======================= TECHNOFA 2.8 — MY ACCOUNT + OTP ======================= */
body.woocommerce-account .entry-header { display: none; }
body.woocommerce-account .technofa-page { padding: 0; }
body.woocommerce-account .entry-content { margin: 0; }
body.woocommerce-account .entry-content > .woocommerce { min-height: 600px; }

/* Login / OTP */
.technofa-auth-page {
	--auth-blue: var(--tf-brand);
	--auth-blue-deep: #183CC8;
	--auth-ink: #1B1F2E;
	--auth-muted: #737B8D;
	min-height: 720px;
	padding: 34px 0 95px;
	background: #F4F6FA;
	color: var(--auth-ink);
}
.technofa-auth-page__container { max-width: 1120px; }
.technofa-auth-shell {
	display: grid;
	grid-template-columns: 44% minmax(0, 1fr);
	min-height: 670px;
	overflow: hidden;
	border: 1px solid #E0E4ED;
	border-radius: 30px;
	background: #FFF;
	box-shadow: 0 24px 60px rgba(27,41,86,.1);
}
.technofa-auth-promo {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 38px;
	overflow: hidden;
	background:
		radial-gradient(circle at 10% 110%, rgba(255,255,255,.14), transparent 35%),
		linear-gradient(145deg, #172758 0%, var(--tf-brand) 74%, #7188FF 100%);
	color: #FFF;
}
.technofa-auth-promo::before,
.technofa-auth-promo::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.technofa-auth-promo::before { left: -130px; bottom: -175px; width: 370px; height: 370px; }
.technofa-auth-promo::after { left: -45px; bottom: -90px; width: 210px; height: 210px; }
.technofa-auth-promo__brand { position: relative; z-index: 2; display: flex; align-items: center; gap: 9px; direction: ltr; }
.technofa-auth-promo__brand > span { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid rgba(255,255,255,.28); border-radius: 12px; background: rgba(255,255,255,.14); font: 700 17px/1 Arial, sans-serif; }
.technofa-auth-promo__brand > strong { font: 850 12px/1 Arial, sans-serif; letter-spacing: 1.2px; }
.technofa-auth-promo__copy { position: relative; z-index: 2; margin: auto 0 26px; }
.technofa-auth-promo__eyebrow { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.09); font-size: 12px; font-weight: 750; }
.technofa-auth-promo__eyebrow i { width: 6px; height: 6px; border-radius: 50%; background: #60E4B1; box-shadow: 0 0 0 4px rgba(96,228,177,.12); }
.technofa-auth-promo h1 { margin: 13px 0 9px; color: #FFF; font-size: 41.5px; font-weight: 950; line-height: 1.35; }
.technofa-auth-promo__copy > p { margin: 0; color: rgba(255,255,255,.73); font-size: 13px; line-height: 2; }
.technofa-auth-benefits { position: relative; z-index: 2; display: grid; gap: 9px; }
.technofa-auth-benefits > div { display: flex; align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; background: rgba(255,255,255,.08); }
.technofa-auth-benefits > div > i { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 9px; background: rgba(255,255,255,.14); font-style: normal; }
.technofa-auth-benefits span,
.technofa-auth-benefits strong,
.technofa-auth-benefits small { display: block; }
.technofa-auth-benefits strong { font-size: 12px; }
.technofa-auth-benefits small { margin-top: 2px; color: rgba(255,255,255,.6); font-size: 11.5px; }
.technofa-auth-promo__security { position: relative; z-index: 2; margin-top: 18px; color: rgba(255,255,255,.58); font-size: 11.5px; text-align: center; }

.technofa-auth-card { align-self: center; width: 100%; max-width: 520px; margin: 0 auto; padding: 42px 48px; }
.technofa-auth-card__head { margin-bottom: 20px; text-align: center; }
.technofa-auth-card__head > span { color: var(--auth-blue); font-size: 12px; font-weight: 850; }
.technofa-auth-card__head h2 { margin: 6px 0 4px; font-size: 25.5px; font-weight: 950; }
.technofa-auth-card__head p { margin: 0; color: var(--auth-muted); font-size: 12px; }
.technofa-auth-tabs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; margin-bottom: 17px; padding: 5px; border-radius: 13px; background: #F0F2F7; }
.technofa-auth-tabs button { min-height: 40px; border: 0; border-radius: 10px; background: transparent; color: #7D8597; font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.technofa-auth-tabs button.is-active { background: #FFF; box-shadow: 0 5px 14px rgba(33,45,82,.08); color: var(--auth-blue); }
.technofa-auth-feedback { margin: 0 0 14px; padding: 11px 13px; border: 1px solid #EFC4CC; border-radius: 11px; background: #FFF7F8; color: #9C3B50; font-size: 12px; font-weight: 750; line-height: 1.8; }
.technofa-auth-feedback.is-success { border-color: #C5E8DA; background: #F4FCF8; color: #11714E; }
.technofa-auth-feedback[hidden],
.technofa-auth-panel[hidden],
.technofa-otp-step[hidden] { display: none !important; }
.technofa-auth-panel { min-height: 295px; }
.technofa-otp-form--professional { display: block; }
.technofa-otp-step > label,
.technofa-password-login .form-row > label,
.technofa-email-register .form-row > label { display: block; margin: 0 0 7px; color: #4E5669; font-size: 12px; font-weight: 600; }
.technofa-otp-phone-control { display: grid; grid-template-columns: 57px minmax(0, 1fr); min-height: 52px; overflow: hidden; border: 1px solid #DCE1EB; border-radius: 13px; background: #FAFBFD; direction: ltr; transition: .16s ease; }
.technofa-otp-phone-control:focus-within { border-color: var(--auth-blue); background: #FFF; box-shadow: 0 0 0 3px rgba(49,92,255,.1); }
.technofa-otp-phone-control > span { display: grid; place-items: center; border-right: 1px solid #E1E5ED; color: #7C8496; font: 750 11.5px/1 Arial, sans-serif; }
.technofa-otp-phone-control input { min-width: 0; padding: 8px 13px; border: 0; outline: 0; background: transparent; color: #2C3142; font-family: inherit; font-size: 14px; font-weight: 750; direction: ltr; text-align: left; }
.technofa-otp-step--phone > small { display: block; margin-top: 6px; color: #979EAD; font-size: 11.5px; }
.technofa-otp-step--phone > .technofa-otp-send,
.technofa-otp-verify,
.technofa-password-login > button,
.technofa-email-register form > button { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 50px; margin-top: 16px; padding: 9px 16px; border: 0; border-radius: 13px; background: var(--auth-blue); box-shadow: 0 10px 23px rgba(49,92,255,.2); color: #FFF; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: .18s ease; }
.technofa-otp-form--professional .technofa-otp-send:hover,
.technofa-otp-verify:hover,
.technofa-password-login > button:hover { background: var(--auth-blue-deep); }
.technofa-otp-form--professional button > i { display: none; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.35); border-top-color: #FFF; border-radius: 50%; animation: technofa-auth-spin .7s linear infinite; }
.technofa-otp-form--professional button.is-loading > i { display: block; }
.technofa-otp-form--professional button.is-loading > b { display: none; }
.technofa-otp-form--professional button:disabled { cursor: wait; opacity: .7; }
@keyframes technofa-auth-spin { to { transform: rotate(360deg); } }
.technofa-auth-new-user { margin: 13px 0 0; color: #969DAC; font-size: 11.5px; line-height: 1.8; text-align: center; }
.technofa-otp-code-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 17px; padding: 9px 10px; border-radius: 10px; background: #F4F6FA; color: #777F91; font-size: 11.5px; }
.technofa-otp-code-head strong { color: #404759; direction: ltr; }
.technofa-otp-change-phone { padding: 0; border: 0; background: transparent; color: var(--auth-blue); font-family: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer; }
.technofa-otp-code-input { width: 100%; min-height: 62px; padding: 8px 18px; border: 1px solid #DCE1EB; border-radius: 13px; outline: 0; background: #FAFBFD; color: #252A3A; font: 700 23.5px/1.2 Arial, sans-serif; letter-spacing: 18px; direction: ltr; text-align: center; transition: .16s ease; }
.technofa-otp-code-input:focus { border-color: var(--auth-blue); background: #FFF; box-shadow: 0 0 0 3px rgba(49,92,255,.1); }
.technofa-otp-resend { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; color: #9299A8; font-size: 11.5px; }
.technofa-otp-resend > button.technofa-otp-send { width: auto; min-height: 0; margin: 0; padding: 3px 0; border: 0; background: transparent; box-shadow: none; color: var(--auth-blue); font-family: inherit; font-size: 11.5px; font-weight: 600; }
.technofa-otp-resend > button.technofa-otp-send:disabled { color: #A0A6B3; cursor: default; opacity: 1; }

.technofa-password-login .form-row { float: none; width: 100%; margin: 0 0 13px; }
.technofa-password-login .input-text,
.technofa-email-register .input-text { width: 100%; min-height: 50px; padding: 9px 13px; border: 1px solid #DCE1EB; border-radius: 12px; outline: 0; background: #FAFBFD; font-family: inherit; font-size: 13px; }
.technofa-password-login .input-text:focus,
.technofa-email-register .input-text:focus { border-color: var(--auth-blue); background: #FFF; box-shadow: 0 0 0 3px rgba(49,92,255,.1); }
.technofa-password-login__options { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #777F91; font-size: 11.5px; }
.technofa-password-login__options label { display: flex; align-items: center; gap: 5px; }
.technofa-password-login__options input { accent-color: var(--auth-blue); }
.technofa-password-login__options a { color: var(--auth-blue); font-weight: 600; text-decoration: none; }
.technofa-email-register { margin-top: 18px; padding-top: 14px; border-top: 1px solid #ECEEF3; }
.technofa-email-register summary { display: flex; align-items: center; justify-content: space-between; color: #6D7588; font-size: 12px; font-weight: 600; cursor: pointer; list-style: none; }
.technofa-email-register summary::-webkit-details-marker { display: none; }
.technofa-email-register summary span { color: var(--auth-blue); font-size: 17px; }
.technofa-email-register[open] summary span { transform: rotate(45deg); }
.technofa-email-register form { margin-top: 13px; }
.technofa-email-register .form-row { float: none; width: 100%; margin: 0 0 10px; }
.technofa-email-register form > button { margin-top: 8px; background: #E9EEFF; box-shadow: none; color: var(--auth-blue); }

/* Logged-in account */
.technofa-account-page {
	--account-blue: var(--tf-brand);
	--account-blue-deep: #183CC8;
	--account-ink: #1C2030;
	--account-muted: #737B8D;
	min-height: 720px;
	padding: 28px 0 100px;
	background: #F4F6FA;
	color: var(--account-ink);
}
.technofa-account-page,
.technofa-account-page * { box-sizing: border-box; }
.technofa-account-page__container { max-width: 1320px; }
.technofa-account-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; min-height: 180px; margin-bottom: 18px; padding: 28px 32px; overflow: hidden; border-radius: 27px; background: radial-gradient(circle at 7% 125%, rgba(255,255,255,.15), transparent 35%), linear-gradient(120deg, #17295F, var(--tf-brand) 72%, #6D83F8); box-shadow: 0 18px 40px rgba(33,62,164,.14); color: #FFF; }
.technofa-account-hero__user { display: flex; align-items: center; gap: 15px; min-width: 0; }
.technofa-account-avatar { position: relative; flex: 0 0 78px; width: 78px; height: 78px; }
.technofa-account-avatar img { width: 78px; height: 78px; border: 4px solid rgba(255,255,255,.25); border-radius: 23px; object-fit: cover; }
.technofa-account-avatar i { position: absolute; left: -2px; bottom: -2px; width: 18px; height: 18px; border: 4px solid var(--tf-brand); border-radius: 50%; background: #4DE0A8; }
.technofa-account-hero__user > div:last-child > span { display: inline-flex; padding: 4px 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.09); color: rgba(255,255,255,.78); font-size: 11.5px; font-weight: 750; }
.technofa-account-hero h1 { margin: 7px 0 3px; color: #FFF; font-size: 26.5px; font-weight: 950; }
.technofa-account-hero__user p { margin: 0; color: rgba(255,255,255,.68); font-size: 12px; }
.technofa-account-hero__stats { display: grid; grid-template-columns: repeat(3, minmax(105px, 1fr)); gap: 8px; }
.technofa-account-hero__stats > div { min-width: 0; padding: 13px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.1); text-align: center; backdrop-filter: blur(5px); }
.technofa-account-hero__stats small,
.technofa-account-hero__stats strong { display: block; }
.technofa-account-hero__stats small { margin-bottom: 4px; color: rgba(255,255,255,.62); font-size: 11.5px; }
.technofa-account-hero__stats strong { overflow: hidden; color: #FFF; font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.technofa-account-layout { display: grid; grid-template-columns: 275px minmax(0, 1fr); align-items: start; gap: 18px; }
.technofa-account-sidebar,
.technofa-account-content { border: 1px solid #E1E5EE; border-radius: 23px; background: #FFF; box-shadow: 0 10px 30px rgba(29,42,81,.045); }
.technofa-account-sidebar { position: sticky; top: 17px; overflow: hidden; padding: 15px; }
.technofa-account-sidebar__identity { display: flex; align-items: center; gap: 10px; margin: -15px -15px 11px; padding: 17px 15px; border-bottom: 1px solid #ECEEF3; background: #F8F9FC; }
.technofa-account-sidebar__identity img { width: 43px; height: 43px; border-radius: 13px; object-fit: cover; }
.technofa-account-sidebar__identity p,
.technofa-account-sidebar__identity strong,
.technofa-account-sidebar__identity small { display: block; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.technofa-account-sidebar__identity p { flex: 1; }
.technofa-account-sidebar__identity strong { color: #3E4557; font-size: 12px; }
.technofa-account-sidebar__identity small { margin-top: 3px; color: #949BAA; font-size: 11.5px; direction: ltr; text-align: right; }
.woocommerce-account .technofa-account-sidebar .woocommerce-MyAccount-navigation { float: none; width: 100%; padding: 0; background: transparent; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation li { margin: 0; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation a { position: relative; display: flex; align-items: center; min-height: 43px; padding: 9px 12px; border-radius: 11px; color: #697185; font-size: 12px; font-weight: 750; text-decoration: none; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation a::before { display: inline-grid; place-items: center; width: 25px; margin-left: 7px; color: #9198A8; font: 600 13px/1 Arial, sans-serif; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "◇"; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--trade-in a::before { content: "↻"; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--orders a::before { content: "▤"; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--downloads a::before { content: "↓"; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "⌖"; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "○"; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--wholesale a::before { content: "▦"; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout { display: none; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation li.is-active a { background: #EAF0FF; color: var(--account-blue); font-weight: 850; }
.technofa-account-sidebar .woocommerce-MyAccount-navigation li.is-active a::before { color: var(--account-blue); }
.technofa-account-logout { display: flex; align-items: center; justify-content: space-between; min-height: 41px; margin-top: 10px; padding: 8px 12px; border-top: 1px solid #ECEEF3; color: #D04B62; font-size: 12px; font-weight: 600; text-decoration: none; }
.technofa-account-logout:hover { color: #B9314B; }
.woocommerce-account .technofa-account-content.woocommerce-MyAccount-content { float: none; width: 100%; max-width: 100%; min-width: 0; padding: 23px; }
.technofa-account-content > h2,
.technofa-account-content > h3 { margin-top: 0; font-size: 19.5px; font-weight: 700; }

/* Dashboard */
.technofa-dashboard-v2__head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; padding-bottom: 17px; border-bottom: 1px solid #ECEEF3; }
.technofa-dashboard-v2__head span { color: var(--account-blue); font-size: 12px; font-weight: 850; }
.technofa-dashboard-v2__head h2 { margin: 4px 0 3px; font-size: 20.5px; font-weight: 950; }
.technofa-dashboard-v2__head p { margin: 0; color: var(--account-muted); font-size: 12px; }
.technofa-dashboard-v2__head > a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 13px; border-radius: 11px; background: #EAF0FF; color: var(--account-blue); font-size: 12px; font-weight: 850; text-decoration: none; }
.technofa-dashboard-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.technofa-dashboard-actions > a { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-width: 0; padding: 14px; border: 1px solid #E3E7EF; border-radius: 15px; color: #3F4658; text-decoration: none; transition: .16s ease; }
.technofa-dashboard-actions > a:hover { border-color: #C8D3FF; transform: translateY(-2px); }
.technofa-dashboard-actions i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #EAF0FF; color: var(--account-blue); font-style: normal; font-size: 17px; }
.technofa-dashboard-actions i.is-address { background: #EAF8F2; color: #0B9062; }
.technofa-dashboard-actions i.is-account { background: #FFF0E7; color: #D96A25; }
.technofa-dashboard-actions span,
.technofa-dashboard-actions strong,
.technofa-dashboard-actions small { display: block; min-width: 0; }
.technofa-dashboard-actions strong { font-size: 12px; }
.technofa-dashboard-actions small { margin-top: 3px; overflow: hidden; color: #9299A9; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.technofa-dashboard-actions > a > b { color: #A2A9B7; }
.technofa-dashboard-orders { margin-top: 18px; border: 1px solid #E3E7EF; border-radius: 17px; overflow: hidden; }
.technofa-dashboard-orders > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; border-bottom: 1px solid #ECEEF3; background: #FAFBFD; }
.technofa-dashboard-orders > header > div { display: flex; align-items: center; gap: 8px; }
.technofa-dashboard-orders > header h3 { margin: 0; font-size: 15px; font-weight: 700; }
.technofa-dashboard-orders > header span { padding: 3px 7px; border-radius: 7px; background: #EAF0FF; color: var(--account-blue); font-size: 11.5px; font-weight: 600; }
.technofa-dashboard-orders > header a { color: var(--account-blue); font-size: 11.5px; font-weight: 600; text-decoration: none; }
.technofa-dashboard-orders__list article { display: grid; grid-template-columns: minmax(150px, 1.25fr) repeat(3, minmax(90px, 1fr)) auto; align-items: center; gap: 10px; padding: 13px 17px; border-bottom: 1px solid #ECEEF3; }
.technofa-dashboard-orders__list article:last-child { border-bottom: 0; }
.technofa-dashboard-orders__list article > div > small,
.technofa-dashboard-orders__list article > div > strong { display: block; }
.technofa-dashboard-orders__list article > div > small { margin-bottom: 3px; color: #969DAC; font-size: 11.5px; }
.technofa-dashboard-orders__list article > div > strong { color: #454C5E; font-size: 12px; }
.technofa-dashboard-order__id { display: flex; align-items: center; gap: 8px; }
.technofa-dashboard-order__id > i { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; background: #EEF2FF; color: var(--account-blue); font-style: normal; }
.technofa-dashboard-order__id p { margin: 0; }
.technofa-order-status { display: inline-flex !important; width: fit-content; padding: 3px 7px; border-radius: 7px; background: #FFF3D8; color: #9A6A05 !important; }
.technofa-order-status.is-completed { background: #EAF8F2; color: #0B8058 !important; }
.technofa-order-status.is-cancelled,
.technofa-order-status.is-failed { background: #FFF0F2; color: #B83E56 !important; }
.technofa-dashboard-orders__list article > a { display: inline-flex; align-items: center; gap: 5px; color: var(--account-blue); font-size: 11.5px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.technofa-dashboard-orders__empty { padding: 38px 15px; text-align: center; }
.technofa-dashboard-orders__empty > i { display: grid; place-items: center; width: 50px; height: 50px; margin: 0 auto 10px; border-radius: 15px; background: #EAF0FF; color: var(--account-blue); font-style: normal; font-size: 22.5px; }
.technofa-dashboard-orders__empty h3 { margin: 0 0 4px; font-size: 15px; }
.technofa-dashboard-orders__empty p { margin: 0 0 12px; color: var(--account-muted); font-size: 12px; }
.technofa-dashboard-orders__empty a { display: inline-flex; padding: 8px 13px; border-radius: 9px; background: var(--account-blue); color: #FFF; font-size: 12px; font-weight: 600; text-decoration: none; }
.technofa-dashboard-support { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; margin-top: 13px; padding: 14px 16px; border-radius: 15px; background: linear-gradient(110deg, #F0F3FF, #F7F9FF); }
.technofa-dashboard-support > i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #FFF; color: var(--account-blue); font-style: normal; }
.technofa-dashboard-support strong { font-size: 12px; }
.technofa-dashboard-support p { margin: 3px 0 0; color: #8A92A3; font-size: 11.5px; }
.technofa-dashboard-support > a { padding: 8px 11px; border-radius: 9px; background: var(--account-blue); color: #FFF; font-size: 11.5px; font-weight: 600; text-decoration: none; }

/* Other WooCommerce account endpoints */
.technofa-account-content .woocommerce-message,
.technofa-account-content .woocommerce-info,
.technofa-account-content .woocommerce-error { margin: 0 0 15px; padding: 12px 42px 12px 14px; border: 1px solid #DDE4F7; border-radius: 12px; background: #F7F9FF; box-shadow: none; font-size: 12px; line-height: 1.8; }
.technofa-account-content .woocommerce-error { border-color: #F0C7CF; background: #FFF8F9; color: #A23C52; }
.technofa-account-content table.shop_table { width: 100%; margin: 0; border: 1px solid #E3E7EF; border-radius: 14px; border-collapse: separate; border-spacing: 0; overflow: hidden; font-size: 12px; }
.technofa-account-content table.shop_table th { padding: 11px 12px; border: 0; border-bottom: 1px solid #E3E7EF; background: #F8F9FC; color: #697185; text-align: right; }
.technofa-account-content table.shop_table td { padding: 12px; border: 0; border-bottom: 1px solid #ECEEF3; }
.technofa-account-content table.shop_table tr:last-child td { border-bottom: 0; }
.technofa-account-content .button { display: inline-flex; align-items: center; justify-content: center; min-height: 35px; padding: 7px 11px; border: 0; border-radius: 9px; background: var(--account-blue); color: #FFF; font-family: inherit; font-size: 11.5px; font-weight: 600; text-decoration: none; }
.technofa-account-content .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.technofa-account-content .woocommerce-Address { float: none; width: auto; padding: 16px; border: 1px solid #E3E7EF; border-radius: 15px; }
.technofa-account-content .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.technofa-account-content .woocommerce-Address-title h2 { margin: 0; font-size: 15px; }
.technofa-account-content address { margin-top: 12px; color: #697185; font-size: 12px; font-style: normal; line-height: 2; }
.technofa-account-content .form-row { float: none; width: 100%; margin: 0 0 12px; }
.technofa-account-content .form-row-first,
.technofa-account-content .form-row-last { display: inline-block; width: calc(50% - 7px); vertical-align: top; }
.technofa-account-content .form-row-first { margin-left: 10px; }
.technofa-account-content .form-row label { display: block; margin-bottom: 6px; color: #50586A; font-size: 12px; font-weight: 750; }
.technofa-account-content .input-text,
.technofa-account-content select { width: 100%; min-height: 48px; padding: 9px 12px; border: 1px solid #DCE1EB; border-radius: 11px; outline: 0; background: #FAFBFD; font-family: inherit; font-size: 12px; }
.technofa-account-content .input-text:focus,
.technofa-account-content select:focus { border-color: var(--account-blue); background: #FFF; box-shadow: 0 0 0 3px rgba(49,92,255,.1); }
.technofa-account-content fieldset { margin: 18px 0; padding: 15px; border: 1px solid #E3E7EF; border-radius: 14px; }
.technofa-account-content legend { padding: 0 7px; color: #4B5264; font-size: 12px; font-weight: 850; }

@media (max-width: 1080px) {
	.technofa-account-layout { grid-template-columns: 245px minmax(0, 1fr); }
	.technofa-dashboard-orders__list article { grid-template-columns: minmax(140px, 1.4fr) repeat(2, minmax(85px, 1fr)) auto; }
	.technofa-dashboard-orders__list article > div:nth-child(4) { display: none; }
}

@media (max-width: 899px) {
	.technofa-auth-shell { grid-template-columns: 1fr; }
	.technofa-auth-promo { min-height: 310px; padding: 27px 30px; }
	.technofa-auth-promo__copy { margin: 35px 0 0; }
	.technofa-auth-promo h1 { font-size: 35.5px; }
	.technofa-auth-benefits { grid-template-columns: repeat(3, 1fr); margin-top: 24px; }
	.technofa-auth-benefits > div { align-items: flex-start; }
	.technofa-auth-benefits small { display: none; }
	.technofa-auth-promo__security { display: none; }
	.technofa-account-hero { grid-template-columns: 1fr; }
	.technofa-account-hero__stats { width: 100%; }
	.technofa-account-layout { width: 100%; grid-template-columns: minmax(0, 1fr); }
	.technofa-account-sidebar { position: relative; top: auto; width: 100%; min-width: 0; overflow: hidden; }
	.technofa-account-sidebar__nav { overflow-x: auto; scrollbar-width: none; }
	.technofa-account-sidebar__nav::-webkit-scrollbar { display: none; }
	.technofa-account-sidebar .woocommerce-MyAccount-navigation ul { display: flex; width: max-content; gap: 5px; }
	.technofa-account-sidebar .woocommerce-MyAccount-navigation a { min-width: max-content; }
	.technofa-account-logout { position: absolute; left: 14px; top: 13px; width: auto; min-height: 36px; margin: 0; padding: 7px 10px; border: 0; border-radius: 9px; background: #FFF0F2; }
	.technofa-account-logout b { display: none; }
}

@media (max-width: 767px) {
	.technofa-auth-page { padding: 12px 0 90px; }
	.technofa-auth-page__container,
	.technofa-account-page__container { padding-inline: 10px; }
	.technofa-auth-shell { border-radius: 22px; }
	.technofa-auth-promo { min-height: 265px; padding: 24px 20px; }
	.technofa-auth-promo__copy { margin-top: 27px; }
	.technofa-auth-promo h1 { font-size: 32px; }
	.technofa-auth-promo__copy > p { font-size: 12px; }
	.technofa-auth-benefits { gap: 5px; margin-top: 19px; }
	.technofa-auth-benefits > div { justify-content: center; padding: 8px 4px; text-align: center; }
	.technofa-auth-benefits > div > i { display: none; }
	.technofa-auth-benefits strong { font-size: 11.5px; }
	.technofa-auth-card { padding: 27px 17px 31px; }
	.technofa-auth-card__head h2 { font-size: 21.5px; }
	.technofa-otp-code-input { letter-spacing: 13px; }
	.technofa-account-page { padding: 12px 0 95px; }
	.technofa-account-hero { width: 100%; gap: 18px; min-height: 0; padding: 22px 17px; border-radius: 21px; }
	.technofa-account-hero__user > div:last-child { min-width: 0; }
	.technofa-account-avatar,
	.technofa-account-avatar img { width: 62px; height: 62px; }
	.technofa-account-avatar { flex-basis: 62px; }
	.technofa-account-avatar img { border-radius: 19px; }
	.technofa-account-hero h1 { font-size: 20.5px; }
	.technofa-account-hero__user p { font-size: 11.5px; line-height: 1.8; }
	.technofa-account-hero__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
	.technofa-account-hero__stats > div { padding: 10px 5px; }
	.technofa-account-hero__stats strong { font-size: 13px; }
	.technofa-account-layout { gap: 12px; }
	.technofa-account-sidebar,
	.technofa-account-content { border-radius: 19px; }
	.technofa-account-sidebar { padding: 10px; }
	.technofa-account-sidebar__identity { min-height: 68px; margin: -10px -10px 9px; padding: 12px 12px 12px 82px; }
	.technofa-account-sidebar__identity small { max-width: 170px; }
	.technofa-account-sidebar__nav { overflow: visible; }
	.technofa-account-sidebar .woocommerce-MyAccount-navigation ul { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
	.technofa-account-sidebar .woocommerce-MyAccount-navigation a { min-width: 0; min-height: 46px; padding: 8px 9px; border: 1px solid #EDF0F5; background: #FAFBFD; font-size: 13px; }
	.technofa-account-sidebar .woocommerce-MyAccount-navigation a::before { flex: 0 0 23px; width: 23px; margin-left: 5px; }
	.technofa-account-logout { left: 10px; top: 15px; min-height: 38px; padding: 7px 9px; font-size: 12px; }
	.woocommerce-account .technofa-account-content.woocommerce-MyAccount-content { width: 100%; overflow: hidden; padding: 16px 13px; }
	.technofa-dashboard-v2__head { align-items: flex-start; }
	.technofa-dashboard-v2__head p { display: none; }
	.technofa-dashboard-v2__head > a { min-height: 35px; padding-inline: 9px; }
	.technofa-dashboard-actions { grid-template-columns: 1fr; gap: 7px; }
	.technofa-dashboard-actions > a { padding: 11px; }
	.technofa-dashboard-orders__list article { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 12px; }
	.technofa-dashboard-orders__list article > div:not(:first-child) { display: none; }
	.technofa-dashboard-orders__list article > a { justify-self: end; }
	.technofa-dashboard-support { grid-template-columns: 36px minmax(0, 1fr); }
	.technofa-dashboard-support > i { width: 36px; height: 36px; }
	.technofa-dashboard-support > a { grid-column: 1 / -1; text-align: center; }
	.technofa-account-content .woocommerce-Addresses { grid-template-columns: 1fr; }
	.technofa-account-content .form-row-first,
	.technofa-account-content .form-row-last { display: block; width: 100%; margin-left: 0; }
	.technofa-account-content table.shop_table_responsive thead { display: none; }
	.technofa-account-content table.shop_table_responsive tr { display: block; padding: 8px 10px; border-bottom: 1px solid #ECEEF3; }
	.technofa-account-content table.shop_table_responsive td { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border: 0; text-align: left !important; }
	.technofa-account-content table.shop_table_responsive td::before { font-weight: 750; }
}

@media (max-width: 480px) {
	.technofa-account-page__container { width: 100%; padding-inline: 8px; }
	.technofa-account-hero { padding: 18px 14px; }
	.technofa-account-hero__user { align-items: flex-start; gap: 11px; }
	.technofa-account-avatar,
	.technofa-account-avatar img { width: 54px; height: 54px; }
	.technofa-account-avatar { flex-basis: 54px; }
	.technofa-account-avatar img { border-width: 3px; border-radius: 16px; }
	.technofa-account-hero h1 { overflow-wrap: anywhere; font-size: 19px; line-height: 1.5; }
	.technofa-account-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-account-hero__stats > div:nth-child(3) { grid-column: 1 / -1; }
	.technofa-account-hero__stats small { font-size: 12px; }
	.technofa-account-hero__stats strong { font-size: 14px; }
	.technofa-account-sidebar__identity small { display: none; }
	.technofa-account-sidebar .woocommerce-MyAccount-navigation a { font-size: 12px; }
	.technofa-account-sidebar .woocommerce-MyAccount-navigation a::before { font-size: 14px; }
	.woocommerce-account .technofa-account-content.woocommerce-MyAccount-content { padding: 14px 11px; }
	.technofa-dashboard-v2__head { display: grid; grid-template-columns: 1fr; }
	.technofa-dashboard-v2__head h2 { font-size: 19.5px; }
	.technofa-dashboard-v2__head > a { width: 100%; justify-content: center; font-size: 13px; }
	.technofa-dashboard-actions strong { font-size: 13px; }
	.technofa-dashboard-actions small { font-size: 12px; white-space: normal; }
	.technofa-dashboard-orders > header { align-items: flex-start; padding: 13px 11px; }
	.technofa-dashboard-orders > header > div { min-width: 0; flex-wrap: wrap; }
	.technofa-dashboard-orders > header h3 { font-size: 14px; }
	.technofa-dashboard-orders__empty { padding: 30px 10px; }
	.technofa-dashboard-orders__empty p { font-size: 12px; line-height: 1.8; }
	.technofa-dashboard-support { padding: 12px; }
	.technofa-dashboard-support strong { font-size: 13px; line-height: 1.7; }
	.technofa-dashboard-support p { font-size: 12px; line-height: 1.8; }
	.technofa-account-content table.shop_table_responsive tr { margin: 0; }
	.technofa-account-content table.shop_table_responsive td { min-width: 0; font-size: 12px; }
	.technofa-account-content table.shop_table_responsive td > * { max-width: 58%; overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
	.technofa-otp-form--professional button > i { animation: none; }
	.technofa-dashboard-actions > a { transition: none; }
}

/* ===========================================================
   TECHNOFAA professional footer v3
   =========================================================== */
.technofa-footer-v3 {
	padding: 0;
	border: 0;
	background: #081120;
	color: #D9E3F2;
	box-shadow: none;
}
.technofa-footer-v3 a { color: inherit; text-decoration: none; }
.technofa-footer-v3 a:hover { color: #FFF; text-decoration: none; }
.technofa-footer-v3 svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.technofa-footer-v3__container { width: min(100% - 32px, 1232px); margin-inline: auto; }
.technofa-footer-v3__trust { border-top: 1px solid #E4E9F1; border-bottom: 1px solid #E4E9F1; background: #FFF; color: #283247; }
.technofa-footer-v3__trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.technofa-footer-v3__trust-grid > div { display: flex; align-items: center; justify-content: center; gap: 12px; min-width: 0; padding: 22px 18px; border-left: 1px solid #E9EDF3; }
.technofa-footer-v3__trust-grid > div:last-child { border-left: 0; }
.technofa-footer-v3__trust-grid > div > i { display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: #EDF2FF; color: var(--tf-brand); font-style: normal; }
.technofa-footer-v3__trust-grid p,
.technofa-footer-v3__trust-grid strong,
.technofa-footer-v3__trust-grid small { display: block; min-width: 0; margin: 0; }
.technofa-footer-v3__trust-grid strong { color: #253047; font-size: 14px; font-weight: 850; }
.technofa-footer-v3__trust-grid small { margin-top: 2px; color: #858FA2; font-size: 12px; }
.technofa-footer-v3__body { padding-block: 42px 20px; }
.technofa-footer-v3__cta { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 45px; padding: 28px 32px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: radial-gradient(circle at 5% 120%, rgba(255,255,255,.18), transparent 38%), linear-gradient(115deg, #18388D, var(--tf-brand) 65%, #607DF7); box-shadow: 0 20px 45px rgba(0,0,0,.23); }
.technofa-footer-v3__cta::after { position: absolute; left: -50px; top: -80px; width: 220px; height: 220px; border: 38px solid rgba(255,255,255,.07); border-radius: 50%; content: ""; pointer-events: none; }
.technofa-footer-v3__cta > div { position: relative; z-index: 1; }
.technofa-footer-v3__cta span { color: #BFCCFF; font-size: 13px; font-weight: 600; }
.technofa-footer-v3__cta h2 { margin: 5px 0 4px; color: #FFF; font-size: clamp(20.5px, 2.2vw, 27.5px); font-weight: 950; }
.technofa-footer-v3__cta p { margin: 0; color: rgba(255,255,255,.72); font-size: 13px; }
.technofa-footer-v3__cta-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }
.technofa-footer-v3__cta-actions a { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 8px; padding: 10px 17px; border: 1px solid rgba(255,255,255,.24); border-radius: 12px; color: #FFF; font-size: 13px; font-weight: 850; transition: transform .16s ease, background .16s ease; }
.technofa-footer-v3__cta-actions a:hover { background: rgba(255,255,255,.1); transform: translateY(-2px); }
.technofa-footer-v3__cta-actions a.is-primary { border-color: #FFF; background: #FFF; color: #224BD7; }
.technofa-footer-v3__grid { display: grid; grid-template-columns: minmax(250px, 1.45fr) minmax(150px, .72fr) minmax(150px, .72fr) minmax(250px, 1.15fr); gap: 38px; }
.technofa-footer-v3__logo { display: inline-flex; align-items: center; gap: 11px; }
.technofa-footer-v3__logo > span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: linear-gradient(145deg, var(--tf-brand), #1B40CA); box-shadow: 0 10px 28px rgba(49,92,255,.28); color: #FFF; font: 700 19px/1 Arial, sans-serif; }
.technofa-footer-v3__logo p,
.technofa-footer-v3__logo strong,
.technofa-footer-v3__logo small { display: block; margin: 0; }
.technofa-footer-v3__logo strong { color: #FFF; font-size: 20.5px; font-weight: 950; }
.technofa-footer-v3__logo small { margin-top: -2px; color: #7F90AA; font: 500 8px/1.4 Arial, sans-serif; letter-spacing: 1.6px; }
.technofa-footer-v3__about { max-width: 350px; margin: 17px 0; color: #8F9DB1; font-size: 13px; line-height: 2; }
.technofa-footer-v3__socials { display: flex; gap: 8px; }
.technofa-footer-v3__socials a { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid #223149; border-radius: 11px; background: #101C2D; color: #AEBBD0; transition: .16s ease; }
.technofa-footer-v3__socials a:hover { border-color: #476DE8; background: #193264; color: #FFF; transform: translateY(-2px); }
.technofa-footer-v3__socials svg { width: 18px; height: 18px; }
.technofa-footer-v3__links h3,
.technofa-footer-v3__contact > h3 { position: relative; margin: 4px 0 18px; padding-bottom: 11px; color: #FFF; font-size: 14px; font-weight: 700; }
.technofa-footer-v3__links h3::after,
.technofa-footer-v3__contact > h3::after { position: absolute; right: 0; bottom: 0; width: 28px; height: 2px; border-radius: 2px; background: #416BFA; content: ""; }
.technofa-footer-v3 .technofa-footer__nav { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
.technofa-footer-v3 .technofa-footer__nav li { margin: 0; padding: 0; }
.technofa-footer-v3 .technofa-footer__nav a { position: relative; display: block; padding: 6px 13px 6px 0; color: #91A0B6; font-size: 13px; transition: .16s ease; }
.technofa-footer-v3 .technofa-footer__nav a::before { position: absolute; right: 0; top: 50%; width: 5px; height: 5px; border: 1px solid #52627A; border-radius: 50%; content: ""; transform: translateY(-50%); transition: .16s ease; }
.technofa-footer-v3 .technofa-footer__nav a:hover { padding-right: 17px; color: #FFF; }
.technofa-footer-v3 .technofa-footer__nav a:hover::before { border-color: #6F90FF; background: #6F90FF; }
.technofa-footer-v3__phone { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid #223149; border-radius: 14px; background: #101C2D; }
.technofa-footer-v3__phone > i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #193264; color: #86A2FF; font-style: normal; }
.technofa-footer-v3__phone p,
.technofa-footer-v3__phone small,
.technofa-footer-v3__phone strong { display: block; min-width: 0; margin: 0; }
.technofa-footer-v3__phone small { color: #718099; font-size: 11.5px; }
.technofa-footer-v3__phone strong { margin-top: 2px; color: #FFF; font-size: 14px; direction: ltr; text-align: right; }
.technofa-footer-v3__phone > b { color: #668AFF; }
.technofa-footer-v3__address { display: flex; align-items: flex-start; gap: 8px; margin: 13px 2px; color: #8795AA; font-size: 12px; line-height: 1.9; }
.technofa-footer-v3__address svg { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 2px; color: #6989F4; }
.technofa-footer-v3__badges { display: flex; gap: 7px; }
.technofa-footer-v3__badges > span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid #223149; border-radius: 9px; color: #8593A9; font-size: 11.5px; }
.technofa-footer-v3__badges i { color: #56D5A4; font-style: normal; }
.technofa-footer-v3__bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 38px; padding-top: 19px; border-top: 1px solid #1D2A3E; color: #65738A; }
.technofa-footer-v3__bottom p { margin: 0; font-size: 12px; }
.technofa-footer-v3__bottom nav { display: flex; align-items: center; gap: 18px; }
.technofa-footer-v3__bottom nav a { color: #75849A; font-size: 12px; }
.technofa-footer-v3__bottom nav a:hover { color: #C8D4E6; }

@media (max-width: 1050px) {
	.technofa-footer-v3__grid { grid-template-columns: 1.25fr .75fr .75fr; }
	.technofa-footer-v3__contact { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(150px, .7fr) minmax(260px, 1.1fr) minmax(220px, 1fr) auto; align-items: center; gap: 14px; padding-top: 24px; border-top: 1px solid #1D2A3E; }
	.technofa-footer-v3__contact > h3 { margin: 0; padding: 0; }
	.technofa-footer-v3__contact > h3::after { display: none; }
	.technofa-footer-v3__address { margin: 0; }
}

@media (max-width: 767px) {
	.technofa-footer-v3__container { width: min(100% - 24px, 1232px); }
	.technofa-footer-v3__trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-footer-v3__trust-grid > div { justify-content: flex-start; padding: 15px 10px; border-bottom: 1px solid #E9EDF3; }
	.technofa-footer-v3__trust-grid > div:nth-child(2n) { border-left: 0; }
	.technofa-footer-v3__trust-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
	.technofa-footer-v3__trust-grid > div > i { flex-basis: 38px; width: 38px; height: 38px; border-radius: 11px; }
	.technofa-footer-v3__trust-grid svg { width: 18px; height: 18px; }
	.technofa-footer-v3__trust-grid strong { font-size: 13px; }
	.technofa-footer-v3__trust-grid small { font-size: 11.5px; }
	.technofa-footer-v3__body { padding-block: 22px 16px; }
	.technofa-footer-v3__cta { display: grid; gap: 19px; margin-bottom: 32px; padding: 23px 19px; border-radius: 20px; }
	.technofa-footer-v3__cta p { font-size: 12px; line-height: 1.9; }
	.technofa-footer-v3__cta-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-footer-v3__cta-actions a { min-height: 43px; padding-inline: 10px; }
	.technofa-footer-v3__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 20px; }
	.technofa-footer-v3__brand,
	.technofa-footer-v3__contact { grid-column: 1 / -1; }
	.technofa-footer-v3__about { max-width: none; }
	.technofa-footer-v3__contact { display: block; padding-top: 24px; }
	.technofa-footer-v3__contact > h3 { margin: 4px 0 18px; padding-bottom: 11px; }
	.technofa-footer-v3__contact > h3::after { display: block; }
	.technofa-footer-v3__address { margin: 13px 2px; }
	.technofa-footer-v3__bottom { display: grid; justify-items: center; text-align: center; }
	.technofa-footer-v3__bottom nav { flex-wrap: wrap; justify-content: center; gap: 10px 16px; }
}

@media (max-width: 420px) {
	.technofa-footer-v3__trust-grid > div { gap: 8px; }
	.technofa-footer-v3__trust-grid small { display: none; }
	.technofa-footer-v3__cta-actions { grid-template-columns: 1fr; }
	.technofa-footer-v3__grid { grid-template-columns: 1fr; }
	.technofa-footer-v3__brand,
	.technofa-footer-v3__contact { grid-column: auto; }
	.technofa-footer-v3__links { padding-top: 21px; border-top: 1px solid #1D2A3E; }
}

@media (prefers-reduced-motion: reduce) {
	.technofa-footer-v3 a { transition: none; }
}

/* Minimal footer refinement */
.technofa-footer-minimal .technofa-footer-v3__body { padding-block: 38px 18px; }
.technofa-footer-minimal .technofa-footer-v3__grid { grid-template-columns: minmax(230px, 1.35fr) minmax(140px, .7fr) minmax(140px, .7fr) minmax(235px, 1.05fr); gap: 34px; }
.technofa-footer-minimal .technofa-footer-v3__about { max-width: 310px; margin-block: 14px; }
.technofa-footer-minimal .technofa-footer-v3__bottom { margin-top: 30px; }

@media (max-width: 1050px) {
	.technofa-footer-minimal .technofa-footer-v3__grid { grid-template-columns: 1.2fr .8fr .8fr; }
	.technofa-footer-minimal .technofa-footer-v3__contact { grid-column: 1 / -1; display: grid; grid-template-columns: 150px minmax(250px, 1fr) minmax(280px, 1.15fr); align-items: center; gap: 14px; padding-top: 22px; }
}

@media (max-width: 767px) {
	.technofa-footer-minimal .technofa-footer-v3__body { padding-block: 28px 14px; }
	.technofa-footer-minimal .technofa-footer-v3__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
	.technofa-footer-minimal .technofa-footer-v3__brand,
	.technofa-footer-minimal .technofa-footer-v3__contact { grid-column: 1 / -1; }
	.technofa-footer-minimal .technofa-footer-v3__contact { display: block; padding-top: 22px; }
	.technofa-footer-minimal .technofa-footer-v3__bottom { margin-top: 25px; }
}

@media (max-width: 420px) {
	.technofa-footer-minimal .technofa-footer-v3__grid { grid-template-columns: 1fr; gap: 23px; }
	.technofa-footer-minimal .technofa-footer-v3__brand,
	.technofa-footer-minimal .technofa-footer-v3__contact { grid-column: auto; }
}

/* Digipay-inspired light footer */
.technofa-footer-minimal { border-top: 1px solid #E7EAF0; background: #FFF; color: #3B4455; }
.technofa-footer-minimal .technofa-footer-v3__body { padding-block: 42px 18px; }
.technofa-footer-minimal .technofa-footer-v3__logo > span { border: 0; background: var(--tf-brand); box-shadow: 0 10px 24px rgba(49,92,255,.18); }
.technofa-footer-minimal .technofa-footer-v3__logo strong { color: #202838; }
.technofa-footer-minimal .technofa-footer-v3__logo small { color: #9AA2B1; }
.technofa-footer-minimal .technofa-footer-v3__about { color: #737D8F; }
.technofa-footer-minimal .technofa-footer-v3__socials a { border-color: #E5E9F0; background: #F6F8FB; color: #69758A; }
.technofa-footer-minimal .technofa-footer-v3__socials a:hover { border-color: #C9D5FC; background: #EDF2FF; color: var(--tf-brand); }
.technofa-footer-minimal .technofa-footer-v3__links h3,
.technofa-footer-minimal .technofa-footer-v3__contact > h3 { color: #252D3D; }
.technofa-footer-minimal .technofa-footer-v3__links h3::after,
.technofa-footer-minimal .technofa-footer-v3__contact > h3::after { background: var(--tf-brand); }
.technofa-footer-minimal .technofa-footer__nav a { color: #727C8E; }
.technofa-footer-minimal .technofa-footer__nav a::before { border-color: #B7BFCC; }
.technofa-footer-minimal .technofa-footer__nav a:hover { color: var(--tf-brand); }
.technofa-footer-minimal .technofa-footer__nav a:hover::before { border-color: var(--tf-brand); background: var(--tf-brand); }
.technofa-footer-minimal .technofa-footer-v3__phone { border-color: #E4E8EF; background: #F8F9FC; }
.technofa-footer-minimal .technofa-footer-v3__phone > i { background: #EAF0FF; color: var(--tf-brand); }
.technofa-footer-minimal .technofa-footer-v3__phone small { color: #929AAA; }
.technofa-footer-minimal .technofa-footer-v3__phone strong { color: #263044; }
.technofa-footer-minimal .technofa-footer-v3__address { color: #717C8F; }
.technofa-footer-minimal .technofa-footer-v3__bottom { border-color: #E7EAF0; color: #8B94A3; }
.technofa-footer-minimal .technofa-footer-v3__bottom nav a { color: #7B8595; }
.technofa-footer-minimal .technofa-footer-v3__bottom nav a:hover { color: var(--tf-brand); }

@media (max-width: 767px) {
	.technofa-footer-minimal .technofa-footer-v3__body { padding-block: 30px 14px; }
}

/* ======================= TECHNOFA 2.12 — B2B REGISTRATION ======================= */
.technofa-page-b2b-register {
	min-height: 720px;
	padding: 22px 0 90px;
	background: #F4F6FA;
	color: #1E2535;
}
.technofa-b2b-shell {
	width: min(1280px, calc(100% - 32px));
	margin: 0 auto;
}
.technofa-b2b-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(410px, .94fr);
	min-height: 455px;
	align-items: center;
	overflow: hidden;
	border-radius: 34px;
	background:
		radial-gradient(circle at 8% 115%, rgba(118,143,255,.42), transparent 31%),
		radial-gradient(circle at 92% -10%, rgba(84,160,255,.23), transparent 29%),
		linear-gradient(120deg, #10255D 0%, #2149C9 53%, var(--tf-brand) 100%);
	box-shadow: 0 26px 65px rgba(25,59,165,.19);
	color: #FFF;
}
.technofa-b2b-hero::before,
.technofa-b2b-hero::after {
	position: absolute;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}
.technofa-b2b-hero::before { right: -110px; top: -170px; width: 410px; height: 410px; }
.technofa-b2b-hero::after { right: -42px; top: -100px; width: 270px; height: 270px; }
.technofa-b2b-hero__content { position: relative; z-index: 2; padding: 58px 60px 55px 28px; }
.technofa-b2b-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 999px;
	background: rgba(255,255,255,.09);
	color: #DCE5FF;
	font-size: 13px;
	font-weight: 600;
}
.technofa-b2b-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #6DE2B2; box-shadow: 0 0 0 4px rgba(109,226,178,.14); }
.technofa-b2b-hero h1 {
	max-width: 600px;
	margin: 16px 0 10px;
	color: #FFF;
	font-size: clamp(33px, 4vw, 46px);
	font-weight: 950;
	line-height: 1.42;
	letter-spacing: -1.2px;
}
.technofa-b2b-hero h1 em { color: #AFC0FF; font-style: normal; white-space: nowrap; }
.technofa-b2b-hero__content > p { max-width: 610px; margin: 0; color: rgba(255,255,255,.73); font-size: 14px; line-height: 2.1; }
.technofa-b2b-hero__actions { display: flex; align-items: center; gap: 19px; margin-top: 25px; }
.technofa-b2b-hero .technofa-btn--light {
	display: inline-flex;
	min-height: 49px;
	align-items: center;
	justify-content: center;
	gap: 17px;
	padding: 9px 20px;
	border: 0;
	border-radius: 14px;
	background: #FFF;
	box-shadow: 0 12px 28px rgba(6,24,85,.2);
	color: #244BCB;
	font-size: 13px;
	font-weight: 700;
}
.technofa-b2b-hero .technofa-btn--light:hover { background: #F1F4FF; transform: translateY(-2px); }
.technofa-b2b-hero__login { color: rgba(255,255,255,.82); font-size: 13px; font-weight: 750; }
.technofa-b2b-hero__login:hover { color: #FFF; }
.technofa-b2b-hero__points { display: flex; flex-wrap: wrap; gap: 8px 19px; margin: 25px 0 0; padding: 0; list-style: none; }
.technofa-b2b-hero__points li { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.7); font-size: 12px; }
.technofa-b2b-hero__points b { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: rgba(109,226,178,.15); color: #79E8BB; font: 600 9px/1 Arial, sans-serif; }

.technofa-b2b-hero__visual { position: relative; z-index: 2; min-height: 390px; padding: 36px 37px 30px 51px; direction: rtl; }
.technofa-b2b-preview {
	position: relative;
	width: min(100%, 470px);
	margin: 18px auto 0;
	padding: 15px;
	border: 1px solid rgba(255,255,255,.24);
	border-radius: 24px;
	background: rgba(255,255,255,.95);
	box-shadow: 0 28px 65px rgba(4,20,79,.32);
	color: #222A3C;
	transform: perspective(900px) rotateY(-4deg) rotateX(1deg);
}
.technofa-b2b-preview header { display: flex; align-items: center; justify-content: space-between; padding: 3px 3px 14px; border-bottom: 1px solid #E8ECF4; }
.technofa-b2b-preview header > span { display: flex; gap: 4px; direction: ltr; }
.technofa-b2b-preview header i { width: 7px; height: 7px; border-radius: 50%; background: #DDE2ED; }
.technofa-b2b-preview header i:first-child { background: #5DD3A4; }
.technofa-b2b-preview header strong { font-size: 12px; font-weight: 700; }
.technofa-b2b-preview__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.technofa-b2b-preview__stats > div { position: relative; min-height: 72px; padding: 12px; border-radius: 14px; background: #F2F5FF; }
.technofa-b2b-preview__stats > div:nth-child(2) { background: #EDF9F5; }
.technofa-b2b-preview__stats small,
.technofa-b2b-preview__stats strong { display: block; }
.technofa-b2b-preview__stats small { color: #9299AA; font-size: 11.5px; }
.technofa-b2b-preview__stats strong { margin-top: 5px; color: var(--tf-brand); font-size: 13px; }
.technofa-b2b-preview__stats > div:nth-child(2) strong { color: #11936A; }
.technofa-b2b-preview__stats i { position: absolute; left: 12px; bottom: 11px; color: var(--tf-brand); font: 700 13px/1 Arial, sans-serif; }
.technofa-b2b-preview__order { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 9px 4px; border-bottom: 1px solid #EEF0F5; }
.technofa-b2b-preview__order:last-child { border-bottom: 0; }
.technofa-b2b-preview__order > span { width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(145deg, #E8EDFF, #F7F8FC); }
.technofa-b2b-preview__order > div b,
.technofa-b2b-preview__order > div small { display: block; height: 5px; border-radius: 4px; background: #D9DEE8; }
.technofa-b2b-preview__order > div b { width: 74%; margin-bottom: 6px; background: #AAB3C5; }
.technofa-b2b-preview__order > div small { width: 47%; }
.technofa-b2b-preview__order > strong { color: var(--tf-brand); font-size: 11.5px; }
.technofa-b2b-float { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.65); border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 14px 35px rgba(4,20,79,.2); color: #273047; }
.technofa-b2b-float > i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: #E9EEFF; color: var(--tf-brand); font-style: normal; font-weight: 700; }
.technofa-b2b-float small,
.technofa-b2b-float strong { display: block; }
.technofa-b2b-float small { color: #9299A8; font-size: 11.5px; }
.technofa-b2b-float strong { margin-top: 2px; font-size: 12px; }
.technofa-b2b-float--one { right: 10px; top: 42px; }
.technofa-b2b-float--two { left: 19px; bottom: 25px; }

.technofa-b2b-benefits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 16px 0 0;
	overflow: hidden;
	border: 1px solid #E3E7EF;
	border-radius: 22px;
	background: #FFF;
	box-shadow: 0 9px 28px rgba(30,43,82,.045);
}
.technofa-b2b-benefits > div { display: flex; min-width: 0; align-items: center; gap: 11px; padding: 18px 20px; border-left: 1px solid #E9ECF2; }
.technofa-b2b-benefits > div:last-child { border-left: 0; }
.technofa-b2b-benefits i { display: grid; flex: 0 0 39px; width: 39px; height: 39px; place-items: center; border-radius: 12px; background: #EEF2FF; color: var(--tf-brand); font: 850 15px/1 Arial, sans-serif; }
.technofa-b2b-benefits strong,
.technofa-b2b-benefits small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.technofa-b2b-benefits strong { color: #2E3648; font-size: 13px; font-weight: 700; }
.technofa-b2b-benefits small { margin-top: 2px; color: #8A92A3; font-size: 11.5px; }

.technofa-b2b-register-section {
	display: grid;
	grid-template-columns: 330px minmax(0, 1fr);
	align-items: start;
	gap: 22px;
	margin-top: 22px;
	scroll-margin-top: 90px;
}
.technofa-b2b-register-copy {
	min-height: 560px;
	padding: 30px 27px;
	border-radius: 26px;
	background: linear-gradient(160deg, #182A60, #2348B9);
	box-shadow: 0 15px 38px rgba(27,55,147,.14);
	color: #FFF;
}
.technofa-b2b-register-copy > span { color: #AFC0FF; font-size: 12px; font-weight: 850; }
.technofa-b2b-register-copy h2 { margin: 7px 0 7px; color: #FFF; font-size: 23.5px; font-weight: 950; line-height: 1.6; }
.technofa-b2b-register-copy > p { margin: 0; color: rgba(255,255,255,.65); font-size: 12px; line-height: 2; }
.technofa-b2b-register-copy ol { position: relative; display: grid; gap: 8px; margin: 27px 0 0; padding: 0; list-style: none; }
.technofa-b2b-register-copy ol::before { position: absolute; right: 18px; top: 31px; bottom: 31px; width: 1px; background: rgba(255,255,255,.16); content: ""; }
.technofa-b2b-register-copy ol li { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; min-height: 61px; padding: 8px; border-radius: 14px; color: rgba(255,255,255,.56); transition: .18s ease; }
.technofa-b2b-register-copy ol li.is-active { background: rgba(255,255,255,.09); color: #FFF; }
.technofa-b2b-register-copy ol li.is-done { color: rgba(255,255,255,.78); }
.technofa-b2b-register-copy ol li > i { display: grid; flex: 0 0 37px; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: #1A326F; font-style: normal; font-size: 13px; font-weight: 700; }
.technofa-b2b-register-copy ol li.is-active > i { border-color: #FFF; background: #FFF; color: var(--tf-brand); }
.technofa-b2b-register-copy ol li.is-done > i { border-color: #55D2A3; background: #55D2A3; color: #102A58; }
.technofa-b2b-register-copy ol strong,
.technofa-b2b-register-copy ol small { display: block; }
.technofa-b2b-register-copy ol strong { font-size: 12px; }
.technofa-b2b-register-copy ol small { margin-top: 2px; color: inherit; font-size: 11.5px; opacity: .7; }
.technofa-b2b-support { display: flex; align-items: center; gap: 9px; margin-top: 28px; padding: 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(7,23,68,.25); }
.technofa-b2b-support > i { display: grid; flex: 0 0 37px; width: 37px; height: 37px; place-items: center; border-radius: 11px; background: rgba(255,255,255,.1); color: #AFC0FF; font-style: normal; }
.technofa-b2b-support small,
.technofa-b2b-support strong { display: block; }
.technofa-b2b-support small { color: rgba(255,255,255,.52); font-size: 11.5px; }
.technofa-b2b-support strong { margin-top: 2px; color: #FFF; font-size: 12px; }

.technofa-b2b-form-card {
	min-width: 0;
	padding: 29px 31px 31px;
	border: 1px solid #E1E5EE;
	border-radius: 26px;
	background: #FFF;
	box-shadow: 0 13px 38px rgba(28,41,82,.055);
}
.technofa-b2b-form-card > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 24px; padding-bottom: 19px; border-bottom: 1px solid #ECEEF3; }
.technofa-b2b-form-card > header span { color: var(--tf-brand); font-size: 12px; font-weight: 850; }
.technofa-b2b-form-card > header h2 { margin: 4px 0 0; color: #252D3E; font-size: 21.5px; font-weight: 950; }
.technofa-b2b-form-card > header > small { display: inline-flex; align-items: center; gap: 6px; color: #8B93A3; font-size: 11.5px; }
.technofa-b2b-form-card > header > small::before { color: #11936A; content: "✓"; font-weight: 700; }
.technofa-b2b-notice { margin-bottom: 17px; padding: 12px 14px; border-radius: 12px; font-size: 12px; line-height: 1.8; }
.technofa-b2b-notice--error { border: 1px solid #F5C8D0; background: #FFF3F5; color: #B8324A; }
.technofa-b2b-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.technofa-b2b-register fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.technofa-b2b-register.is-enhanced .technofa-b2b-form-step { display: none; }
.technofa-b2b-register.is-enhanced .technofa-b2b-form-step.is-active { display: block; animation: technofa-b2b-step-in .24s ease both; }
@keyframes technofa-b2b-step-in { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; } }
.technofa-b2b-form-progress { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 26px; padding: 0; list-style: none; }
.technofa-b2b-form-progress li { position: relative; display: flex; align-items: center; gap: 8px; color: #9AA1AF; font-size: 12px; font-weight: 600; }
.technofa-b2b-form-progress li::after { position: absolute; right: 38px; left: 10px; bottom: -10px; height: 2px; border-radius: 2px; background: #E7EAF0; content: ""; }
.technofa-b2b-form-progress li:last-child::after { left: 0; }
.technofa-b2b-form-progress i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: #F0F2F6; color: #81899A; font-style: normal; }
.technofa-b2b-form-progress li.is-active { color: var(--tf-brand); }
.technofa-b2b-form-progress li.is-active::after,
.technofa-b2b-form-progress li.is-done::after { background: var(--tf-brand); }
.technofa-b2b-form-progress li.is-active i,
.technofa-b2b-form-progress li.is-done i { background: #E9EEFF; color: var(--tf-brand); }
.technofa-b2b-form-step legend { width: 100%; margin: 0 0 17px; padding: 0; color: #30384A; font-size: 16px; font-weight: 950; }
.technofa-b2b-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.technofa-b2b-field { display: block; min-width: 0; margin-bottom: 14px; }
.technofa-b2b-field > span { display: block; margin-bottom: 6px; color: #525B6E; font-size: 12px; font-weight: 600; }
.technofa-b2b-field > span b { color: #EC4664; }
.technofa-b2b-field input,
.technofa-b2b-field select,
.technofa-b2b-field textarea {
	display: block;
	width: 100%;
	min-height: 48px;
	padding: 10px 13px;
	border: 1px solid #DDE2EC;
	border-radius: 12px;
	outline: 0;
	background: #FAFBFD;
	color: #242C3D;
	font: 400 11.5px/1.7 inherit;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.technofa-b2b-field textarea { min-height: 80px; resize: vertical; }
.technofa-b2b-field input::placeholder,
.technofa-b2b-field textarea::placeholder { color: #A7ADBA; }
.technofa-b2b-field input:focus,
.technofa-b2b-field select:focus,
.technofa-b2b-field textarea:focus { border-color: #7D98F8; background: #FFF; box-shadow: 0 0 0 3px rgba(49,92,255,.09); }
.technofa-b2b-business-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 16px; }
.technofa-b2b-business-types label { position: relative; display: flex; min-width: 0; min-height: 74px; align-items: center; gap: 9px; padding: 11px; border: 1px solid #E0E4EC; border-radius: 13px; background: #FAFBFD; cursor: pointer; transition: .16s ease; }
.technofa-b2b-business-types label:has(input:checked) { border-color: var(--tf-brand); background: #F0F4FF; box-shadow: 0 0 0 2px rgba(49,92,255,.08); }
.technofa-b2b-business-types input { position: absolute; opacity: 0; pointer-events: none; }
.technofa-b2b-business-types label > i { display: grid; flex: 0 0 35px; width: 35px; height: 35px; place-items: center; border-radius: 10px; background: #EDF1F8; color: #69758B; font-style: normal; font-weight: 700; }
.technofa-b2b-business-types label:has(input:checked) > i { background: var(--tf-brand); color: #FFF; }
.technofa-b2b-business-types strong,
.technofa-b2b-business-types small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.technofa-b2b-business-types strong { color: #343C4D; font-size: 12px; }
.technofa-b2b-business-types small { margin-top: 3px; color: #9299A8; font-size: 11.5px; }
.technofa-b2b-upload { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 69px; margin: 2px 0 14px; padding: 11px 13px; border: 1px dashed #CBD3E1; border-radius: 14px; background: #FAFBFD; cursor: pointer; }
.technofa-b2b-upload.has-file { border-color: #56CDA1; background: #F1FBF7; }
.technofa-b2b-upload input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.technofa-b2b-upload > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #EAF0FF; color: var(--tf-brand); font: 400 19px/1 Arial, sans-serif; }
.technofa-b2b-upload strong,
.technofa-b2b-upload small { display: block; }
.technofa-b2b-upload strong { color: #3A4355; font-size: 12px; }
.technofa-b2b-upload small { margin-top: 3px; color: #939BAA; font-size: 11.5px; }
.technofa-b2b-upload > b { max-width: 135px; overflow: hidden; padding: 7px 10px; border: 1px solid #DCE2EC; border-radius: 9px; background: #FFF; color: #566176; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.technofa-b2b-consent { display: flex; align-items: flex-start; gap: 8px; margin: 12px 1px 18px; color: #697286; font-size: 12px; line-height: 1.9; cursor: pointer; }
.technofa-b2b-consent input { position: absolute; opacity: 0; }
.technofa-b2b-consent > i { position: relative; flex: 0 0 19px; width: 19px; height: 19px; margin-top: 1px; border: 1px solid #CCD3DF; border-radius: 6px; background: #FFF; }
.technofa-b2b-consent input:checked + i { border-color: var(--tf-brand); background: var(--tf-brand); }
.technofa-b2b-consent input:checked + i::after { position: absolute; inset: 0; display: grid; place-items: center; color: #FFF; content: "✓"; font: 600 11.5px/1 Arial, sans-serif; }
.technofa-b2b-form-nav { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 4px; }
.technofa-b2b-form-nav .technofa-btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 14px; padding: 9px 19px; border-radius: 12px; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.technofa-b2b-form-nav .technofa-btn--primary { border: 0; background: var(--tf-brand); box-shadow: 0 9px 21px rgba(49,92,255,.2); color: #FFF; }
.technofa-b2b-form-nav .technofa-btn--primary:hover { background: #214AD7; }
.technofa-b2b-form-nav .technofa-btn--outline { border: 1px solid #DCE1EA; background: #FFF; color: #596377; }
.technofa-b2b-form-nav button:disabled { opacity: .65; cursor: wait; }

.technofa-b2b-result { max-width: 730px; margin: 58px auto 0; padding: 55px 38px; border: 1px solid #E1E6EE; border-radius: 29px; background: #FFF; box-shadow: 0 20px 55px rgba(28,41,82,.08); text-align: center; }
.technofa-b2b-result__icon { display: grid; width: 72px; height: 72px; margin: 0 auto 17px; place-items: center; border-radius: 23px; background: #E9F8F2; box-shadow: 0 0 0 9px #F4FBF8; color: #0A9567; font: 950 26.5px/1 Arial, sans-serif; }
.technofa-b2b-result--pending .technofa-b2b-result__icon { background: #FFF5DD; box-shadow: 0 0 0 9px #FFFAEF; color: #B57A00; }
.technofa-b2b-result > span { color: var(--tf-brand); font-size: 12px; font-weight: 850; }
.technofa-b2b-result h1 { margin: 8px 0 7px; color: #242C3E; font-size: clamp(26.5px, 3vw, 32px); font-weight: 950; }
.technofa-b2b-result p { max-width: 560px; margin: 0 auto 23px; color: #747D90; font-size: 13px; line-height: 2; }
.technofa-b2b-result__actions { display: flex; justify-content: center; gap: 9px; }
.technofa-b2b-result .technofa-btn { display: inline-flex; min-height: 47px; align-items: center; justify-content: center; padding: 9px 20px; border-radius: 12px; font-size: 12px; font-weight: 700; }
.technofa-b2b-result .technofa-btn--primary { background: var(--tf-brand); color: #FFF; }
.technofa-b2b-result .technofa-btn--outline { border: 1px solid #DCE1EA; color: #5C667A; }

@media (max-width: 1050px) {
	.technofa-b2b-hero { grid-template-columns: minmax(0, 1fr) 400px; }
	.technofa-b2b-hero__content { padding-right: 38px; }
	.technofa-b2b-hero__visual { padding-inline: 24px 37px; }
	.technofa-b2b-register-section { grid-template-columns: 285px minmax(0, 1fr); }
	.technofa-b2b-register-copy { padding-inline: 22px; }
}

@media (max-width: 899px) {
	.technofa-b2b-hero { grid-template-columns: 1fr; }
	.technofa-b2b-hero__content { padding: 45px 42px 20px; text-align: center; }
	.technofa-b2b-hero__content > p { margin-inline: auto; }
	.technofa-b2b-hero__actions,
	.technofa-b2b-hero__points { justify-content: center; }
	.technofa-b2b-hero__visual { min-height: 350px; padding: 13px 70px 30px; }
	.technofa-b2b-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-b2b-benefits > div:nth-child(2) { border-left: 0; }
	.technofa-b2b-benefits > div:nth-child(-n+2) { border-bottom: 1px solid #E9ECF2; }
	.technofa-b2b-register-section { grid-template-columns: 1fr; }
	.technofa-b2b-register-copy { min-height: 0; }
	.technofa-b2b-register-copy ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.technofa-b2b-register-copy ol::before { display: none; }
	.technofa-b2b-register-copy ol li { min-height: 70px; }
	.technofa-b2b-support { max-width: 360px; }
}

@media (max-width: 767px) {
	.technofa-page-b2b-register { padding: 10px 0 70px; }
	.technofa-b2b-shell { width: min(100% - 20px, 1280px); }
	.technofa-b2b-hero { min-height: 0; border-radius: 23px; }
	.technofa-b2b-hero__content { padding: 34px 18px 17px; }
	.technofa-b2b-hero h1 { margin-top: 13px; font-size: 31px; letter-spacing: -.6px; }
	.technofa-b2b-hero__content > p { font-size: 12px; }
	.technofa-b2b-hero__actions { flex-direction: column; gap: 12px; margin-top: 20px; }
	.technofa-b2b-hero .technofa-btn--light { width: min(100%, 290px); }
	.technofa-b2b-hero__points { gap: 7px 12px; margin-top: 19px; }
	.technofa-b2b-hero__points li { font-size: 11.5px; }
	.technofa-b2b-hero__visual { min-height: 290px; padding: 3px 23px 25px; }
	.technofa-b2b-preview { margin-top: 15px; transform: none; }
	.technofa-b2b-float--one { right: 6px; top: 16px; }
	.technofa-b2b-float--two { left: 8px; bottom: 14px; }
	.technofa-b2b-float { transform: scale(.84); }
	.technofa-b2b-benefits { margin-top: 10px; border-radius: 18px; }
	.technofa-b2b-benefits > div { padding: 14px 11px; }
	.technofa-b2b-benefits i { flex-basis: 35px; width: 35px; height: 35px; }
	.technofa-b2b-benefits strong { font-size: 12px; }
	.technofa-b2b-benefits small { font-size: 11.5px; }
	.technofa-b2b-register-section { gap: 10px; margin-top: 10px; }
	.technofa-b2b-register-copy { padding: 24px 18px; border-radius: 21px; }
	.technofa-b2b-register-copy h2 { font-size: 20.5px; }
	.technofa-b2b-register-copy ol { display: none; }
	.technofa-b2b-support { margin-top: 19px; }
	.technofa-b2b-form-card { padding: 21px 14px 23px; border-radius: 21px; }
	.technofa-b2b-form-card > header { align-items: flex-start; margin-bottom: 19px; }
	.technofa-b2b-form-card > header h2 { font-size: 19px; }
	.technofa-b2b-form-card > header > small { max-width: 105px; text-align: left; }
	.technofa-b2b-fields { grid-template-columns: 1fr; gap: 0; }
	.technofa-b2b-business-types { grid-template-columns: 1fr; gap: 7px; }
	.technofa-b2b-business-types label { min-height: 62px; }
	.technofa-b2b-upload { grid-template-columns: 38px minmax(0, 1fr); }
	.technofa-b2b-upload > i { width: 38px; height: 38px; }
	.technofa-b2b-upload > b { grid-column: 1 / -1; max-width: none; text-align: center; }
	.technofa-b2b-form-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technofa-b2b-form-nav .technofa-btn:only-child { grid-column: 1 / -1; }
	.technofa-b2b-form-nav .technofa-btn { width: 100%; padding-inline: 10px; }
	.technofa-b2b-result { margin-top: 25px; padding: 38px 18px; border-radius: 23px; }
	.technofa-b2b-result__actions { flex-direction: column; }
}

@media (max-width: 390px) {
	.technofa-b2b-benefits { grid-template-columns: 1fr; }
	.technofa-b2b-benefits > div { border-left: 0; border-bottom: 1px solid #E9ECF2; }
	.technofa-b2b-benefits > div:last-child { border-bottom: 0; }
	.technofa-b2b-float { display: none; }
	.technofa-b2b-hero__visual { min-height: 265px; padding-inline: 13px; }
	.technofa-b2b-preview__stats { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.technofa-b2b-register.is-enhanced .technofa-b2b-form-step.is-active { animation: none; }
}

/* Account: phone trade-in */
.technofa-account-tradein { direction: rtl; }
.technofa-account-tradein__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ECEEF3; }
.technofa-account-tradein__head span { color: var(--account-blue, var(--tf-brand)); font-size: 12px; font-weight: 700; }
.technofa-account-tradein__head h2 { margin: 5px 0 4px; color: #171A2B; font-size: 22.5px; font-weight: 950; }
.technofa-account-tradein__head p { margin: 0; color: #7A8295; font-size: 12px; }
.technofa-account-tradein__head > a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 42px; padding: 9px 15px; border-radius: 12px; background: var(--tf-brand); color: #FFF; font-size: 12px; font-weight: 700; text-decoration: none; }
.technofa-tradein-success { display: grid; grid-template-columns: 50px minmax(0, 1fr); align-items: start; gap: 14px; margin: 0 0 20px; padding: 18px; border: 1px solid #BDEBD9; border-radius: 18px; background: linear-gradient(135deg, #F1FFF9, #F7FAFF); color: #184E3C; box-shadow: 0 12px 30px rgba(29, 140, 99, .08); }
.technofa-tradein-success > i { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: #20B77A; color: #FFF; font: 700 22.5px/1 Arial, sans-serif; font-style: normal; box-shadow: 0 8px 20px rgba(32, 183, 122, .22); }
.technofa-tradein-success strong { display: block; margin: 1px 0 5px; color: #153D31; font-size: 16px; font-weight: 950; }
.technofa-tradein-success p { margin: 0; color: #547369; font-size: 13px; line-height: 1.9; }
.technofa-tradein-success small { display: inline-block; margin-top: 8px; color: #557068; font-size: 12px; }
.technofa-tradein-success a { display: inline-flex; margin: 9px 12px 0 0; color: #1742E6; font-size: 12px; font-weight: 700; text-decoration: none; }
.technofa-account-tradein .technofa-tradein-list { margin-top: 14px; }
.technofa-account-tradein .technofa-tradein-empty { margin: 8px 0 0; }

@media (max-width: 767px) {
	.technofa-account-tradein__head { align-items: stretch; flex-direction: column; }
	.technofa-account-tradein__head > a { justify-content: center; width: 100%; }
	.technofa-tradein-success { grid-template-columns: 42px minmax(0, 1fr); gap: 11px; padding: 14px; border-radius: 15px; }
	.technofa-tradein-success > i { width: 42px; height: 42px; border-radius: 12px; font-size: 20.5px; }
	.technofa-tradein-success a { margin-right: 0; }
}

/* About v2 — light DigiPay-inspired brand page */
.technofa-about-v2 { overflow: hidden; padding: 0 0 72px; background: #F4F6FA; color: #1D2435; }
.technofa-about-v2__hero { position: relative; padding: 34px 0 68px; background: linear-gradient(180deg, #F8FAFF, #EEF2FF); }
.technofa-about-v2__hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 470px; align-items: center; gap: 50px; min-height: 500px; }
.technofa-about-v2__eyebrow { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; background: #E6ECFF; color: #2855E7; font-size: 12px; font-weight: 700; }
.technofa-about-v2__eyebrow::before { width: 7px; height: 7px; border-radius: 50%; background: var(--tf-brand); content: ""; }
.technofa-about-v2__hero-copy h1 { margin: 17px 0 14px; color: #171D2D; font-size: clamp(39.5px, 5vw, 64px); font-weight: 950; line-height: 1.35; letter-spacing: -1.7px; }
.technofa-about-v2__hero-copy h1 em { color: var(--tf-brand); font-style: normal; }
.technofa-about-v2__hero-copy > p { max-width: 650px; margin: 0; color: #687187; font-size: 15px; line-height: 2; }
.technofa-about-v2__actions { display: flex; gap: 10px; margin-top: 25px; }
.technofa-about-v2__actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 20px; border: 1px solid #D7DDEA; border-radius: 14px; background: #FFF; color: #384155; font-size: 13px; font-weight: 700; text-decoration: none; }
.technofa-about-v2__actions a.is-primary { border-color: var(--tf-brand); background: var(--tf-brand); color: #FFF; box-shadow: 0 12px 28px rgba(49,92,255,.22); }
.technofa-about-v2__actions b { margin-right: 9px; font-size: 17px; }
.technofa-about-v2__proof { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; color: #687187; font-size: 12px; font-weight: 600; }
.technofa-about-v2__proof span::first-letter { color: #13A474; }
.technofa-about-v2__visual { position: relative; min-height: 430px; }
.technofa-about-v2__orb { position: absolute; inset: 30px 0 0; border-radius: 48% 52% 44% 56%; background: linear-gradient(145deg, var(--tf-brand), #6682FF 62%, #92A7FF); transform: rotate(-5deg); box-shadow: 0 35px 70px rgba(49,92,255,.22); }
.technofa-about-v2__orb::before { position: absolute; inset: 33px; border: 1px solid rgba(255,255,255,.24); border-radius: inherit; content: ""; }
.technofa-about-v2__brand-card { position: absolute; top: 71px; right: 78px; z-index: 3; display: flex; width: 235px; min-height: 105px; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.42); border-radius: 25px; background: rgba(255,255,255,.94); box-shadow: 0 20px 45px rgba(19,37,98,.2); transform: rotate(4deg); }
.technofa-about-v2__brand-card img { max-width: 175px; max-height: 70px; object-fit: contain; }
.technofa-about-v2__brand-card i { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 12px; background: var(--tf-brand); color: #FFF; font: 700 19px/1 Arial, sans-serif; font-style: normal; }
.technofa-about-v2__brand-card strong { margin-top: 4px; font-size: 17px; }
.technofa-about-v2__brand-card small { color: #8490A7; font: 750 7px/1 Arial, sans-serif; letter-spacing: 1px; }
.technofa-about-v2__phone { position: absolute; bottom: 25px; z-index: 2; width: 112px; height: 225px; border: 7px solid #20283B; border-radius: 30px; background: linear-gradient(160deg, #EFF3FF, #B8C7FF); box-shadow: 0 25px 45px rgba(20,35,85,.24); }
.technofa-about-v2__phone::before { position: absolute; top: 7px; left: 50%; width: 34px; height: 7px; border-radius: 9px; background: #20283B; content: ""; transform: translateX(-50%); }
.technofa-about-v2__phone i { position: absolute; inset: 24px 9px 10px; border-radius: 18px; background: linear-gradient(145deg, var(--tf-brand), #91A5FF); }
.technofa-about-v2__phone.phone-one { right: 52px; transform: rotate(9deg); }
.technofa-about-v2__phone.phone-two { left: 52px; bottom: 13px; background: linear-gradient(160deg, #FFF4F5, #FFB8C3); transform: rotate(-8deg); }
.technofa-about-v2__phone.phone-two i { background: linear-gradient(145deg, #FF7183, #F4B5C0); }
.technofa-about-v2__float { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 12px; background: #FFF; box-shadow: 0 12px 28px rgba(28,42,87,.16); color: #505A70; font-size: 12px; font-weight: 700; }
.technofa-about-v2__float b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 8px; background: #E6F8F0; color: #0C9A68; }
.technofa-about-v2__float.float-one { top: 190px; left: -12px; }
.technofa-about-v2__float.float-two { right: -8px; bottom: 90px; }
.technofa-about-v2__stats { position: relative; z-index: 6; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: -35px; padding-block: 0; overflow: hidden; border: 1px solid #E1E5EE; border-radius: 22px; background: #FFF; box-shadow: 0 18px 50px rgba(25,39,82,.08); }
.technofa-about-v2__stats > div { display: flex; min-width: 0; align-items: center; gap: 11px; padding: 19px 22px; border-left: 1px solid #E9ECF2; }
.technofa-about-v2__stats > div:last-child { border-left: 0; }
.technofa-about-v2__stats i { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #EAF0FF; color: var(--tf-brand); font-style: normal; font-size: 19px; }
.technofa-about-v2__stats p,
.technofa-about-v2__stats strong,
.technofa-about-v2__stats small { display: block; margin: 0; }
.technofa-about-v2__stats strong { color: #263047; font-size: 15px; font-weight: 950; }
.technofa-about-v2__stats small { margin-top: 2px; color: #8992A4; font-size: 11.5px; }
.technofa-about-v2__story { display: grid; grid-template-columns: 430px minmax(0, 1fr); align-items: center; gap: 62px; padding-block: 90px; }
.technofa-about-v2__story-art { position: relative; display: grid; min-height: 380px; place-items: center; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, #18265B, var(--tf-brand)); color: #FFF; }
.technofa-about-v2__story-art::before { position: absolute; inset: 24px; border: 1px solid rgba(255,255,255,.18); border-radius: 28px; content: ""; }
.technofa-about-v2__story-art > span { position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.technofa-about-v2__story-art .ring-one { width: 270px; height: 270px; }
.technofa-about-v2__story-art .ring-two { width: 390px; height: 390px; }
.technofa-about-v2__story-art > div { position: relative; z-index: 2; text-align: center; }
.technofa-about-v2__story-art i,
.technofa-about-v2__story-art strong,
.technofa-about-v2__story-art small { display: block; }
.technofa-about-v2__story-art i { color: #C7D3FF; font-size: 13px; font-style: normal; }
.technofa-about-v2__story-art strong { margin: 8px 0 6px; font-size: 33px; font-weight: 950; }
.technofa-about-v2__story-art small { color: rgba(255,255,255,.72); font-size: 12px; }
.technofa-about-v2__story-copy > span,
.technofa-about-v2__services header > span,
.technofa-about-v2__promise > div > span { color: var(--tf-brand); font-size: 12px; font-weight: 700; }
.technofa-about-v2__story-copy h2 { margin: 8px 0 15px; color: #232B3E; font-size: 31px; font-weight: 950; line-height: 1.55; }
.technofa-about-v2__story-copy > p { margin: 0 0 11px; color: #6F788B; font-size: 13px; line-height: 2.05; }
.technofa-about-v2__address { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding: 12px; border: 1px solid #DCE3F2; border-radius: 14px; background: #F8FAFF; }
.technofa-about-v2__address i { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #E7EDFF; color: var(--tf-brand); font-style: normal; }
.technofa-about-v2__address p,
.technofa-about-v2__address small,
.technofa-about-v2__address strong { display: block; margin: 0; }
.technofa-about-v2__address small { color: #8B94A7; font-size: 11.5px; }
.technofa-about-v2__address strong { margin-top: 3px; color: #444D61; font-size: 12px; }
.technofa-about-v2__services { padding: 74px 0 80px; background: #FFF; }
.technofa-about-v2__services header { max-width: 570px; margin: 0 auto 29px; text-align: center; }
.technofa-about-v2__services header h2 { margin: 7px 0 7px; color: #232B3E; font-size: 31px; font-weight: 950; }
.technofa-about-v2__services header p { margin: 0; color: #7A8397; font-size: 12px; }
.technofa-about-v2__service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.technofa-about-v2__service-grid a { display: grid; grid-template-columns: 45px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 110px; padding: 16px; border: 1px solid #E2E6EE; border-radius: 17px; color: inherit; text-decoration: none; transition: .18s ease; }
.technofa-about-v2__service-grid a:hover { border-color: #BFCBFA; box-shadow: 0 13px 30px rgba(29,48,102,.08); transform: translateY(-3px); }
.technofa-about-v2__service-grid i { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 13px; background: #EAF0FF; color: var(--tf-brand); font-size: 19.5px; font-style: normal; }
.technofa-about-v2__service-grid strong,
.technofa-about-v2__service-grid small { display: block; }
.technofa-about-v2__service-grid strong { color: #30384B; font-size: 12px; }
.technofa-about-v2__service-grid small { margin-top: 4px; color: #8992A4; font-size: 11.5px; line-height: 1.7; }
.technofa-about-v2__service-grid > a > b { color: var(--tf-brand); }
.technofa-about-v2__promise { display: grid; grid-template-columns: .9fr 1.1fr; gap: 50px; margin-block: 76px; padding: 48px; border-radius: 30px; background: #E9EEFF; }
.technofa-about-v2__promise h2 { margin: 8px 0 11px; color: #222A3D; font-size: 28px; font-weight: 950; line-height: 1.55; }
.technofa-about-v2__promise > div p { color: #6E778C; font-size: 12px; line-height: 1.9; }
.technofa-about-v2__promise > div a { display: inline-flex; margin-top: 10px; color: var(--tf-brand); font-size: 12px; font-weight: 700; }
.technofa-about-v2__promise ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.technofa-about-v2__promise li { display: grid; grid-template-columns: 37px minmax(0, 1fr); align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(49,92,255,.12); border-radius: 13px; background: rgba(255,255,255,.72); }
.technofa-about-v2__promise li i { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 11px; background: #DFF5EC; color: #079365; font-style: normal; font-weight: 700; }
.technofa-about-v2__promise li strong,
.technofa-about-v2__promise li small { display: block; }
.technofa-about-v2__promise li strong { color: #384155; font-size: 12px; }
.technofa-about-v2__promise li small { margin-top: 3px; color: #7B8498; font-size: 11.5px; }
.technofa-about-v2__contact { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 28px 32px; border-radius: 25px; background: linear-gradient(135deg, #1B2B68, var(--tf-brand)); color: #FFF; }
.technofa-about-v2__contact span { color: #C8D3FF; font-size: 12px; }
.technofa-about-v2__contact h2 { margin: 5px 0 0; color: #FFF; font-size: 23.5px; font-weight: 950; }
.technofa-about-v2__contact > div:last-child { display: flex; align-items: center; gap: 9px; }
.technofa-about-v2__contact a { display: inline-flex; min-height: 43px; align-items: center; justify-content: center; padding: 8px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; background: rgba(255,255,255,.1); color: #FFF; font-size: 12px; font-weight: 850; text-decoration: none; }
.technofa-about-v2__contact a.is-call { display: block; background: #FFF; color: #2549C6; }
.technofa-about-v2__contact a small,
.technofa-about-v2__contact a strong { display: block; }
.technofa-about-v2__contact a small { color: #7B8CC7; font-size: 11.5px; }
.technofa-about-v2__contact a strong { margin-top: 2px; direction: ltr; font-size: 13px; }
.technofa-contact-channels { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.technofa-contact-channel__icon.is-telegram { background: #E7F4FF; color: #1E92D1; }
.technofa-footer-v3__logo > img { width: auto; max-width: 170px; max-height: 62px; object-fit: contain; }

@media (max-width: 1024px) {
	.technofa-about-v2__hero-grid { grid-template-columns: minmax(0, 1fr) 380px; gap: 25px; }
	.technofa-about-v2__story { grid-template-columns: 360px minmax(0, 1fr); gap: 36px; }
	.technofa-about-v2__service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.technofa-about-v2 { padding-bottom: 42px; }
	.technofa-about-v2__hero { padding: 25px 0 58px; }
	.technofa-about-v2__hero-grid { grid-template-columns: 1fr; min-height: 0; gap: 16px; }
	.technofa-about-v2__hero-copy { text-align: center; }
	.technofa-about-v2__hero-copy h1 { margin-top: 13px; font-size: 37.5px; letter-spacing: -.8px; }
	.technofa-about-v2__hero-copy > p { font-size: 13px; }
	.technofa-about-v2__actions { display: grid; grid-template-columns: 1fr 1fr; }
	.technofa-about-v2__proof { justify-content: center; gap: 7px 12px; }
	.technofa-about-v2__visual { width: min(100%, 410px); min-height: 345px; margin: 0 auto; transform: scale(.9); transform-origin: center top; }
	.technofa-about-v2__brand-card { right: 50%; transform: translateX(50%) rotate(3deg); }
	.technofa-about-v2__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: 10px; }
	.technofa-about-v2__stats > div { padding: 13px 11px; border-bottom: 1px solid #E9ECF2; }
	.technofa-about-v2__stats > div:nth-child(2) { border-left: 0; }
	.technofa-about-v2__stats > div:nth-child(n+3) { border-bottom: 0; }
	.technofa-about-v2__story { grid-template-columns: 1fr; gap: 27px; padding: 54px 15px; }
	.technofa-about-v2__story-art { min-height: 290px; }
	.technofa-about-v2__story-copy { text-align: center; }
	.technofa-about-v2__story-copy h2 { font-size: 23.5px; }
	.technofa-about-v2__story-copy > p { font-size: 12px; }
	.technofa-about-v2__address { text-align: right; }
	.technofa-about-v2__services { padding: 52px 0; }
	.technofa-about-v2__services header h2 { font-size: 25.5px; }
	.technofa-about-v2__service-grid { grid-template-columns: 1fr; }
	.technofa-about-v2__promise { grid-template-columns: 1fr; gap: 25px; margin: 50px 10px; padding: 25px 17px; border-radius: 22px; text-align: center; }
	.technofa-about-v2__promise h2 { font-size: 22.5px; }
	.technofa-about-v2__promise li { text-align: right; }
	.technofa-about-v2__contact { align-items: stretch; flex-direction: column; margin-inline: 10px; padding: 24px 18px; text-align: center; }
	.technofa-about-v2__contact > div:last-child { display: grid; grid-template-columns: 1fr; }
}

/* B2B partner dashboard — light, responsive and operational */
.technofa-page-b2b-dashboard { min-height: 70vh; padding: 24px 0 72px; background: #F4F6FB; }
.technofa-b2b-panel { --b2b-blue:var(--tf-brand); --b2b-ink:#20283A; --b2b-muted:#778196; width:min(100% - 32px,1280px); margin-inline:auto; color:var(--b2b-ink); }
.technofa-b2b-panel__hero { display:flex; min-height:170px; align-items:center; justify-content:space-between; gap:24px; overflow:hidden; margin-bottom:16px; padding:30px 34px; border-radius:28px; background:radial-gradient(circle at 82% 20%,rgba(104,132,255,.58),transparent 30%),linear-gradient(125deg,#172C6B,var(--tf-brand) 68%,#607AFF); box-shadow:0 20px 48px rgba(41,75,181,.18); color:#FFF; }
.technofa-b2b-panel__identity { display:flex; min-width:0; align-items:center; gap:17px; }
.technofa-b2b-panel__avatar { display:grid; flex:0 0 74px; width:74px; height:74px; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:23px; background:rgba(255,255,255,.17); font-size:30px; font-weight:950; }
.technofa-b2b-panel__identity small { color:#C9D4FF; font-size:13px; font-weight:600; }
.technofa-b2b-panel__identity h1 { margin:5px 0 7px; color:#FFF; font-size:clamp(24.5px,3vw,32px); font-weight:950; }
.technofa-b2b-panel__identity p { margin:0; color:rgba(255,255,255,.73); font-size:13px; }
.technofa-b2b-panel__identity p b { color:#FFF; }
.technofa-b2b-panel__hero-actions { display:flex; flex:0 0 auto; gap:9px; }
.technofa-b2b-panel__hero-actions a { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:9px 17px; border-radius:13px; background:#FFF; color:#2348CF; font-size:13px; font-weight:700; text-decoration:none; }
.technofa-b2b-panel__hero-actions a.is-light { border:1px solid rgba(255,255,255,.27); background:rgba(255,255,255,.1); color:#FFF; }
.technofa-b2b-panel__kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.technofa-b2b-panel__kpis > div { display:grid; min-height:112px; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:12px; padding:17px; border:1px solid #E2E7F0; border-radius:19px; background:#FFF; box-shadow:0 8px 28px rgba(31,45,84,.045); }
.technofa-b2b-panel__kpis i { display:grid; width:48px; height:48px; place-items:center; border-radius:14px; background:#EBF0FF; color:var(--tf-brand); font-style:normal; font-size:19px; font-weight:700; }
.technofa-b2b-panel__kpis i.is-green { background:#E9F8F2; color:#159069; }
.technofa-b2b-panel__kpis i.is-orange { background:#FFF1E8; color:#D96B28; }
.technofa-b2b-panel__kpis i.is-purple { background:#F1ECFF; color:#7855D9; }
.technofa-b2b-panel__kpis span,.technofa-b2b-panel__kpis small,.technofa-b2b-panel__kpis strong,.technofa-b2b-panel__kpis b { display:block; min-width:0; }
.technofa-b2b-panel__kpis small { color:var(--b2b-muted); font-size:12px; font-weight:750; }
.technofa-b2b-panel__kpis strong { margin:4px 0 2px; overflow:hidden; font-size:19px; font-weight:950; text-overflow:ellipsis; white-space:nowrap; }
.technofa-b2b-panel__kpis b { color:#99A1AF; font-size:11.5px; font-weight:650; }
.technofa-b2b-panel__notice { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; padding:13px 16px; border-radius:13px; font-size:13px; font-weight:750; }
.technofa-b2b-panel__notice.is-success { border:1px solid #C5EADB; background:#EEFAF5; color:#087552; }
.technofa-b2b-panel__notice.is-warning { border:1px solid #F4DDA5; background:#FFF9EA; color:#996800; }
.technofa-b2b-panel__notice a { color:inherit; font-weight:700; }
.technofa-b2b-quick { overflow:hidden; margin-bottom:16px; border:1px solid #E1E6EF; border-radius:23px; background:#FFF; box-shadow:0 12px 36px rgba(31,45,84,.05); }
.technofa-b2b-quick > header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 23px; border-bottom:1px solid #E9EDF3; }
.technofa-b2b-quick > header span,.technofa-b2b-tools header span,.technofa-b2b-orders > header span { color:var(--b2b-blue); font-size:12px; font-weight:700; }
.technofa-b2b-quick > header h2,.technofa-b2b-tools header h2,.technofa-b2b-orders > header h2 { margin:3px 0 0; font-size:19.5px; font-weight:950; }
.technofa-b2b-quick > header p { margin:4px 0 0; color:var(--b2b-muted); font-size:12px; }
.technofa-b2b-quick > header label { display:flex; width:min(100%,300px); min-height:44px; align-items:center; gap:9px; padding:0 13px; border:1px solid #DFE4ED; border-radius:12px; background:#F8F9FC; color:#818A9D; }
.technofa-b2b-quick > header label:focus-within { border-color:#9DB0F8; background:#FFF; box-shadow:0 0 0 3px rgba(49,92,255,.08); }
.technofa-b2b-quick > header label i { font-style:normal; font-size:19px; }
.technofa-b2b-quick > header input { width:100%; border:0; outline:0; background:transparent; font:inherit; font-size:13px; }
.technofa-b2b-quick__table-wrap { max-height:630px; overflow:auto; }
.technofa-b2b-quick table { width:100%; border-collapse:collapse; }
.technofa-b2b-quick th { padding:11px 20px; background:#F8F9FC; color:#848D9E; font-size:12px; font-weight:850; text-align:right; }
.technofa-b2b-quick td { padding:11px 20px; border-bottom:1px solid #EDF0F4; color:#4E5668; font-size:13px; vertical-align:middle; }
.technofa-b2b-quick tbody tr:last-child td { border-bottom:0; }
.technofa-b2b-quick tbody tr:hover { background:#FBFCFF; }
.technofa-b2b-quick__product { display:flex; max-width:520px; align-items:center; gap:11px; color:inherit; text-decoration:none; }
.technofa-b2b-quick__product img { flex:0 0 52px; width:52px; height:52px; border-radius:12px; background:#F4F6FA; object-fit:contain; }
.technofa-b2b-quick__product span,.technofa-b2b-quick__product strong,.technofa-b2b-quick__product small { display:block; min-width:0; }
.technofa-b2b-quick__product strong { overflow:hidden; color:#323A4C; font-size:13px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.technofa-b2b-quick__product small { margin-top:4px; color:#99A1B0; font-size:11.5px; }
.technofa-b2b-stock { display:inline-flex; color:#11936A; font-size:12px; font-weight:850; white-space:nowrap; }
.technofa-b2b-price { color:#263047 !important; font-weight:850; white-space:nowrap; }
.technofa-b2b-price del { display:block; color:#A4AAB5; font-size:11.5px; font-weight:450; }
.technofa-b2b-price ins { text-decoration:none; }
.technofa-b2b-qty { display:inline-grid; grid-template-columns:31px 42px 31px; height:37px; overflow:hidden; border:1px solid #DCE2EC; border-radius:10px; background:#FFF; }
.technofa-b2b-qty button { border:0; background:#F3F5F9; color:#50607A; font:600 15px/1 Arial,sans-serif; cursor:pointer; }
.technofa-b2b-qty input { width:42px; border:0; outline:0; background:#FFF; color:#273047; font:600 11.5px/1 Arial,sans-serif; text-align:center; -moz-appearance:textfield; }
.technofa-b2b-qty input::-webkit-outer-spin-button,.technofa-b2b-qty input::-webkit-inner-spin-button { margin:0; -webkit-appearance:none; }
.technofa-b2b-select { display:inline-flex; min-height:35px; align-items:center; padding:6px 10px; border-radius:9px; background:#EEF2FF; color:var(--tf-brand); font-size:11.5px; font-weight:850; text-decoration:none; white-space:nowrap; }
.technofa-b2b-quick__empty { padding:38px !important; color:#8D95A5 !important; text-align:center; }
.technofa-b2b-quick__feedback { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 20px 0; padding:11px 13px; border-radius:11px; font-size:12px; font-weight:750; }
.technofa-b2b-quick__feedback[hidden] { display:none; }
.technofa-b2b-quick__feedback.is-success { border:1px solid #C4E8D9; background:#EEFAF5; color:#087553; }
.technofa-b2b-quick__feedback.is-error { border:1px solid #F2CCD3; background:#FFF3F5; color:#B1344B; }
.technofa-b2b-quick__feedback a { color:inherit; font-weight:700; }
.technofa-b2b-quick__form > footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 21px; border-top:1px solid #E9EDF3; background:#FCFCFE; }
.technofa-b2b-quick__form > footer > span { color:#7D8698; font-size:12px; }
.technofa-b2b-quick__form > footer > span b { display:inline-grid; min-width:25px; height:25px; place-items:center; margin-left:5px; border-radius:8px; background:#EAF0FF; color:var(--tf-brand); }
.technofa-b2b-quick__form > footer > button { display:inline-flex; min-height:44px; align-items:center; gap:13px; padding:8px 17px; border:0; border-radius:12px; background:var(--tf-brand); box-shadow:0 9px 22px rgba(49,92,255,.2); color:#FFF; font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.technofa-b2b-quick__form > footer > button:disabled { opacity:.65; cursor:wait; }
.technofa-b2b-panel__lower { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(285px,.8fr); align-items:start; gap:14px; }
.technofa-b2b-orders,.technofa-b2b-tools { overflow:hidden; border:1px solid #E1E6EF; border-radius:21px; background:#FFF; box-shadow:0 10px 32px rgba(31,45,84,.045); }
.technofa-b2b-orders > header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 20px; border-bottom:1px solid #E9EDF3; }
.technofa-b2b-orders > header a { color:var(--tf-brand); font-size:12px; font-weight:850; text-decoration:none; }
.technofa-b2b-orders__list article { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(115px,.8fr) minmax(95px,.65fr) auto; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid #EDF0F4; }
.technofa-b2b-orders__list article:last-child { border-bottom:0; }
.technofa-b2b-orders__list article > div { display:flex; min-width:0; align-items:center; gap:9px; }
.technofa-b2b-orders__list article > div > i { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:11px; background:#EEF2FF; color:var(--tf-brand); font-style:normal; }
.technofa-b2b-orders__list article strong,.technofa-b2b-orders__list article small { display:block; }
.technofa-b2b-orders__list article strong { color:#3D4557; font-size:12px; }
.technofa-b2b-orders__list article small { margin-top:3px; color:#979EAD; font-size:11.5px; }
.technofa-b2b-orders__list article > span { justify-self:start; padding:5px 9px; border-radius:8px; background:#FFF4DC; color:#9A6800; font-size:11.5px; font-weight:850; white-space:nowrap; }
.technofa-b2b-orders__list article > span.status-completed { background:#EAF8F2; color:#0A805B; }
.technofa-b2b-orders__list article > span.status-processing { background:#EAF0FF; color:var(--tf-brand); }
.technofa-b2b-orders__list article > span.status-cancelled,.technofa-b2b-orders__list article > span.status-failed { background:#FFF0F2; color:#BB354D; }
.technofa-b2b-orders__list article > a { color:var(--tf-brand); font-size:11.5px; font-weight:850; text-decoration:none; white-space:nowrap; }
.technofa-b2b-orders__empty { padding:40px 18px; text-align:center; }
.technofa-b2b-orders__empty i { display:grid; width:52px; height:52px; margin:0 auto 11px; place-items:center; border-radius:15px; background:#EEF2FF; color:var(--tf-brand); font-style:normal; font-size:20.5px; }
.technofa-b2b-orders__empty h3 { margin:0 0 4px; font-size:15px; }
.technofa-b2b-orders__empty p { margin:0; color:#8992A3; font-size:12px; }
.technofa-b2b-tools { padding:18px; }
.technofa-b2b-tools header { margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid #E9EDF3; }
.technofa-b2b-tools > a { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; margin-top:8px; padding:12px; border:1px solid #E5E9F0; border-radius:14px; color:inherit; text-decoration:none; transition:.16s ease; }
.technofa-b2b-tools > a:hover { border-color:#BAC8FA; background:#FAFBFF; transform:translateY(-1px); }
.technofa-b2b-tools > a > i { display:grid; width:40px; height:40px; place-items:center; border-radius:11px; background:#EEF2FF; color:var(--tf-brand); font-style:normal; font-size:16px; }
.technofa-b2b-tools > a span,.technofa-b2b-tools > a strong,.technofa-b2b-tools > a small { display:block; min-width:0; }
.technofa-b2b-tools > a strong { color:#3C4558; font-size:12px; }
.technofa-b2b-tools > a small { margin-top:3px; overflow:hidden; color:#929AAA; font-size:11.5px; text-overflow:ellipsis; white-space:nowrap; }
.technofa-b2b-tools > a > b { color:#A1A8B5; }
.technofa-b2b-access { display:grid; width:min(100% - 32px,820px); min-height:170px; grid-template-columns:66px minmax(0,1fr) auto; align-items:center; gap:18px; margin:45px auto; padding:24px 27px; border:1px solid #E0E6EF; border-radius:24px; background:#FFF; box-shadow:0 18px 50px rgba(31,45,84,.08); }
.technofa-b2b-access > i { display:grid; width:66px; height:66px; place-items:center; border-radius:19px; background:#FFF4DC; color:#A06B00; font-style:normal; font-size:22.5px; }
.technofa-b2b-access--denied > i { background:#FFF0F2; color:#B7354D; }
.technofa-b2b-access strong,.technofa-b2b-access small { display:block; }
.technofa-b2b-access strong { margin-bottom:5px; color:#30394C; font-size:17px; }
.technofa-b2b-access small { color:#7E8799; font-size:12px; line-height:1.9; }
.technofa-b2b-access > a { display:inline-flex; min-height:42px; align-items:center; justify-content:center; padding:8px 14px; border-radius:11px; background:var(--tf-brand); color:#FFF; font-size:12px; font-weight:850; text-decoration:none; white-space:nowrap; }

@media (max-width:1050px) {
	.technofa-b2b-panel__kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.technofa-b2b-panel__lower { grid-template-columns:1fr; }
	.technofa-b2b-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
	.technofa-b2b-tools header { grid-column:1/-1; }
	.technofa-b2b-tools > a { margin-top:0; }
}
@media (max-width:760px) {
	.technofa-page-b2b-dashboard { padding:12px 0 55px; }
	.technofa-b2b-panel { width:min(100% - 20px,1280px); }
	.technofa-b2b-panel__hero { display:grid; min-height:0; padding:23px 18px; border-radius:22px; }
	.technofa-b2b-panel__avatar { flex-basis:58px; width:58px; height:58px; border-radius:18px; font-size:22.5px; }
	.technofa-b2b-panel__identity h1 { font-size:23.5px; }
	.technofa-b2b-panel__identity p { font-size:12px; line-height:1.9; }
	.technofa-b2b-panel__hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
	.technofa-b2b-panel__hero-actions a { min-height:42px; padding-inline:10px; }
	.technofa-b2b-panel__kpis { gap:8px; }
	.technofa-b2b-panel__kpis > div { min-height:96px; grid-template-columns:40px minmax(0,1fr); gap:9px; padding:12px; border-radius:16px; }
	.technofa-b2b-panel__kpis i { width:40px; height:40px; border-radius:12px; font-size:16px; }
	.technofa-b2b-panel__kpis strong { font-size:15px; }
	.technofa-b2b-quick { border-radius:19px; }
	.technofa-b2b-quick > header { display:grid; padding:18px 14px; }
	.technofa-b2b-quick > header label { width:100%; }
	.technofa-b2b-quick__table-wrap { max-height:none; padding:9px; overflow:visible; }
	.technofa-b2b-quick thead { display:none; }
	.technofa-b2b-quick table,.technofa-b2b-quick tbody,.technofa-b2b-quick tr,.technofa-b2b-quick td { display:block; width:100%; }
	.technofa-b2b-quick tbody { display:grid; gap:8px; }
	.technofa-b2b-quick tr { padding:11px; border:1px solid #E5E9F0; border-radius:15px; background:#FFF; }
	.technofa-b2b-quick td { min-height:0; padding:7px 0; border:0; }
	.technofa-b2b-quick td::before { display:inline-block; min-width:58px; color:#949CAB; content:attr(data-label); font-size:11.5px; font-weight:750; }
	.technofa-b2b-quick td:first-child::before { display:none; }
	.technofa-b2b-quick__product { max-width:none; padding-bottom:5px; border-bottom:1px solid #EDF0F4; }
	.technofa-b2b-quick__product strong { white-space:normal; }
	.technofa-b2b-quick__product img { flex-basis:58px; width:58px; height:58px; }
	.technofa-b2b-price { white-space:normal; }
	.technofa-b2b-quick__form > footer { align-items:stretch; padding:13px; }
	.technofa-b2b-orders__list article { grid-template-columns:minmax(0,1fr) auto; padding:13px; }
	.technofa-b2b-orders__list article > strong,.technofa-b2b-orders__list article > span { display:none; }
	.technofa-b2b-tools { grid-template-columns:1fr; }
	.technofa-b2b-tools header { grid-column:auto; }
	.technofa-b2b-access { width:min(100% - 20px,820px); grid-template-columns:55px minmax(0,1fr); gap:13px; margin-block:24px; padding:19px; }
	.technofa-b2b-access > i { width:55px; height:55px; border-radius:16px; }
	.technofa-b2b-access > a { grid-column:1/-1; }
}
@media (max-width:430px) {
	.technofa-b2b-panel__identity { align-items:flex-start; }
	.technofa-b2b-panel__identity small { font-size:12px; }
	.technofa-b2b-panel__identity h1 { font-size:20.5px; }
	.technofa-b2b-panel__kpis { grid-template-columns:1fr; }
	.technofa-b2b-panel__kpis > div { min-height:88px; }
	.technofa-b2b-quick__form > footer { display:grid; }
	.technofa-b2b-quick__form > footer > button { justify-content:center; }
	.technofa-b2b-orders__list article > div > i { display:none; }
}