/* ==========================================================================
   ФАБРИКА ПК — слой полировки (enhance.css)
   Загружается ПОСЛЕ main.css и home.css. Только аддитивные улучшения:
   микро-взаимодействия, акценты, состояния hover/focus, анимации появления.
   Ничего из существующей раскладки не ломает — работает поверх.
   ========================================================================== */

:root {
	--fpc-ease: cubic-bezier(.22, .61, .36, 1);
	--fpc-accent-soft: rgba(255, 122, 24, 0.12);
	--fpc-accent-line: rgba(255, 122, 24, 0.45);
}

/* Плавная прокрутка по якорям + выделение текста в фирменном цвете */
html { scroll-behavior: smooth; }
.fpc ::selection { background: var(--fpc-accent); color: var(--fpc-accent-ink); }

/* Единое заметное состояние фокуса с клавиатуры (доступность) */
.fpc a:focus-visible,
.fpc button:focus-visible,
.fpc input:focus-visible,
.fpc .fpc-btn:focus-visible,
.fpc .fpc-card__buy:focus-visible {
	outline: 2px solid var(--fpc-accent);
	outline-offset: 3px;
	border-radius: var(--fpc-radius);
}

/* --------------------------------------------------------------------------
   КНОПКИ — добавляем «блик» и живой акцентный glow
   -------------------------------------------------------------------------- */
.fpc .fpc-btn { position: relative; overflow: hidden; isolation: isolate; }
.fpc .fpc-btn--primary {
	background: linear-gradient(135deg, var(--fpc-accent-2) 0%, var(--fpc-accent) 60%);
	box-shadow: 0 4px 18px -8px var(--fpc-accent-glow);
}
.fpc .fpc-btn--primary:hover {
	box-shadow: 0 10px 30px -8px var(--fpc-accent-glow), 0 0 0 1px var(--fpc-accent-line);
	transform: translateY(-2px);
}
.fpc .fpc-btn--primary:active { transform: translateY(0); }
/* пробегающий блик по primary-кнопке при наведении */
.fpc .fpc-btn--primary::after {
	content: "";
	position: absolute;
	top: 0; left: -130%;
	width: 60%; height: 100%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
	transform: skewX(-18deg);
	z-index: -1;
}
.fpc .fpc-btn--primary:hover::after {
	animation: fpcShine .85s var(--fpc-ease);
}
@keyframes fpcShine { to { left: 130%; } }

.fpc .fpc-btn--ghost { position: relative; }
.fpc .fpc-btn--ghost:hover {
	background: var(--fpc-accent-soft);
	transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   ГЕРОЙ — лёгкое свечение акцентного слова + строка доверия под CTA
   -------------------------------------------------------------------------- */
.fpc .fpc-hero2__title em {
	text-shadow: 0 0 34px var(--fpc-accent-glow);
}
.fpc .fpc-hero2__trust {
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.fpc .fpc-hero2__trust li {
	display: flex;
	align-items: center;
	gap: 11px;
	color: var(--fpc-text);
	font-size: 15px;
	font-weight: 500;
}
.fpc .fpc-hero2__trust svg {
	width: 22px; height: 22px;
	flex: none;
	padding: 4px;
	box-sizing: border-box;
	border-radius: 50%;
	color: var(--fpc-accent);
	background: var(--fpc-accent-soft);
	border: 1px solid var(--fpc-accent-line);
}
@media (max-width: 1024px) {
	.fpc .fpc-hero2__trust { margin-top: 20px; }
}

/* --------------------------------------------------------------------------
   ЗАГОЛОВКИ СЕКЦИЙ — акцентная «засечка» перед тегом + ссылка со стрелкой
   -------------------------------------------------------------------------- */
.fpc .fpc-tag { display: inline-block; position: relative; }

.fpc .fpc-section__title {
	position: relative;
	padding-left: 18px;
}
.fpc .fpc-section__title::before {
	content: "";
	position: absolute;
	left: 0; top: 6px; bottom: 6px;
	width: 4px;
	border-radius: 4px;
	background: linear-gradient(var(--fpc-accent), var(--fpc-accent-2));
	box-shadow: 0 0 14px -2px var(--fpc-accent-glow);
}
.fpc .fpc-section__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: gap .2s var(--fpc-ease), color .2s ease;
}
.fpc .fpc-section__link:hover { gap: 12px; }

/* --------------------------------------------------------------------------
   КАТЕГОРИИ — выразительнее hover, иконка «дышит», акцентный контур
   -------------------------------------------------------------------------- */
.fpc .fpc-cat {
	transition: transform .26s var(--fpc-ease), box-shadow .26s var(--fpc-ease), border-color .26s var(--fpc-ease), background .26s ease;
}
.fpc .fpc-cat::before { transition: opacity .3s ease, transform .4s var(--fpc-ease); opacity: .6; }
.fpc .fpc-cat:hover {
	border-color: var(--fpc-accent-line);
	box-shadow: var(--fpc-shadow-hover), 0 0 0 1px var(--fpc-accent-soft), 0 18px 40px -22px var(--fpc-accent-glow);
}
.fpc .fpc-cat:hover::before { opacity: 1; transform: translateX(-50%) scale(1.12); }
/* Иконка категории — в круглом акцентном бейдже (статично, видно сразу) */
.fpc .fpc-cat__img,
.fpc .fpc-cat__icon {
	width: 104px; height: 104px;
	padding: 22px;
	box-sizing: border-box;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 38%, rgba(255,122,24,.16), rgba(255,122,24,.04) 70%);
	border: 1px solid rgba(255,122,24,.22);
	transition: transform .3s var(--fpc-ease), filter .3s ease, border-color .3s ease, background .3s ease;
}
.fpc .fpc-cat:hover .fpc-cat__img,
.fpc .fpc-cat:hover .fpc-cat__icon {
	border-color: var(--fpc-accent);
	background: radial-gradient(circle at 50% 38%, rgba(255,122,24,.26), rgba(255,122,24,.06) 72%);
}
.fpc .fpc-cat:hover .fpc-cat__img,
.fpc .fpc-cat:hover .fpc-cat__icon {
	transform: translateY(-4px) scale(1.06);
	filter: drop-shadow(0 8px 16px var(--fpc-accent-glow));
}
.fpc .fpc-cat__count {
	display: inline-block;
	padding: 3px 10px;
	border: 1px solid var(--fpc-line);
	border-radius: 999px;
	background: var(--fpc-bg-3);
	transition: border-color .25s ease, color .25s ease;
}
.fpc .fpc-cat:hover .fpc-cat__count { border-color: var(--fpc-accent-line); color: var(--fpc-text-dim); }

/* --------------------------------------------------------------------------
   КАРТОЧКИ ТОВАРА — зум изображения, акцентная линия сверху,
   кнопка «в корзину» наливается акцентом с glow
   -------------------------------------------------------------------------- */
.fpc .fpc-card { position: relative; }
.fpc .fpc-card::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--fpc-accent), var(--fpc-accent-2));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s var(--fpc-ease);
	z-index: 4;
	border-radius: var(--fpc-radius-lg) var(--fpc-radius-lg) 0 0;
}
.fpc .fpc-card:hover::before { transform: scaleX(1); }

.fpc .fpc-card__media { overflow: hidden; }
.fpc .fpc-card__media img {
	transition: transform .45s var(--fpc-ease);
	will-change: transform;
}
.fpc .fpc-card:hover .fpc-card__media img { transform: scale(1.07); }

.fpc .fpc-card__badge {
	box-shadow: 0 4px 12px -4px var(--fpc-accent-glow);
	z-index: 3;
}

/* Цена — в фирменном оранжевом, заметно крупнее: видно по всей сетке сразу */
.fpc .fpc-card__price {
	color: var(--fpc-accent);
	font-size: 23px;
	transition: color .2s ease;
}
.fpc .fpc-card:hover .fpc-card__price { color: var(--fpc-accent-2); }

/* Кнопка покупки — по умолчанию акцентная (а не серая): сразу читается «купить» */
.fpc .fpc-card__buy {
	background: var(--fpc-accent) !important;
	border-color: var(--fpc-accent) !important;
	color: var(--fpc-accent-ink) !important;
	box-shadow: 0 4px 14px -6px var(--fpc-accent-glow);
	transition: background .2s var(--fpc-ease), border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.fpc .fpc-card__buy:hover {
	background: var(--fpc-accent-2) !important;
	border-color: var(--fpc-accent-2) !important;
	color: var(--fpc-accent-ink) !important;
	box-shadow: 0 8px 22px -6px var(--fpc-accent-glow);
	transform: translateY(-1px);
}
.fpc .fpc-card__buy:active { transform: scale(.94); }

/* чипы характеристик — лёгкая подсветка при наведении на карточку */
.fpc .fpc-card__chip { transition: border-color .25s ease, color .25s ease; }
.fpc .fpc-card:hover .fpc-card__chip { border-color: #313842; }

/* --------------------------------------------------------------------------
   СТРОКА БРЕНДОВ — разделители-точки и мягкое проявление
   -------------------------------------------------------------------------- */
.fpc .fpc-brandstrip__item { position: relative; padding: 4px 2px; color: #aeb4bf; }
.fpc .fpc-brandstrip__item:hover { color: var(--fpc-accent); }
.fpc .fpc-brandstrip__item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -9px; top: 50%;
	width: 3px; height: 3px;
	margin-top: -1px;
	border-radius: 50%;
	background: var(--fpc-line);
}

/* --------------------------------------------------------------------------
   ПРЕИМУЩЕСТВА — иконка в акцентном «чипе», hover-подъём, нумерация
   -------------------------------------------------------------------------- */
.fpc .fpc-adv__item {
	position: relative;
	transition: transform .26s var(--fpc-ease), box-shadow .26s var(--fpc-ease), border-color .26s ease;
	overflow: hidden;
}
.fpc .fpc-adv__item::after {
	content: "";
	position: absolute;
	right: -40px; top: -40px;
	width: 120px; height: 120px;
	border-radius: 50%;
	background: radial-gradient(circle, var(--fpc-accent-soft), transparent 70%);
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
}
.fpc .fpc-adv__item:hover {
	transform: translateY(-4px);
	border-color: var(--fpc-accent-line);
	box-shadow: var(--fpc-shadow-hover);
}
.fpc .fpc-adv__item:hover::after { opacity: 1; }
.fpc .fpc-adv__icon {
	width: 48px; height: 48px;
	padding: 11px;
	box-sizing: border-box;
	border-radius: 12px;
	background: var(--fpc-accent-soft);
	border: 1px solid var(--fpc-accent-line);
	transition: transform .3s var(--fpc-ease);
}
.fpc .fpc-adv__item:hover .fpc-adv__icon { transform: scale(1.08) rotate(-3deg); }

/* --------------------------------------------------------------------------
   ПРОМО-БАННЕР «как мы собираем» — кнопка play мягко пульсирует
   -------------------------------------------------------------------------- */
.fpc .fpc-vbanner__play { position: relative; }
.fpc .fpc-vbanner__play::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1px solid var(--fpc-accent);
	animation: fpcPulse 2.6s ease-out infinite;
}
@keyframes fpcPulse {
	0%   { transform: scale(1);   opacity: .7; }
	100% { transform: scale(1.5); opacity: 0; }
}

/* --------------------------------------------------------------------------
   ШАПКА — тень и плотный фон при прокрутке (класс ставит enhance.js)
   -------------------------------------------------------------------------- */
.fpc-header {
	transition: box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
body.fpc-scrolled .fpc-header {
	box-shadow: 0 10px 30px -16px rgba(0,0,0,.8);
	background: rgba(8, 10, 13, 0.96);
	border-bottom-color: #2c323b;
}

/* Кнопка «Каталог»: на узких экранах меню поджимается и flex-элемент сжимался,
   из-за чего «КАТАЛОГ» обрезался/смещался. Запрещаем сжатие и перенос,
   содержимое (бургер + текст) строго по центру. */
.fpc .fpc-nav__catalog {
	flex: 0 0 auto;
	white-space: nowrap;
	gap: 9px;
	letter-spacing: .03em;
	align-items: center;
	justify-content: center;
}
/* Полоски бургера в кнопке «Каталог» — поднимаем под оптический центр текста */
.fpc .fpc-nav__catalog .fpc-burger { top: -2px; align-self: center; }

/* Надпись логотипа: Exo 2 шире Saira — уменьшаем, чтобы «ФАБРИКАПК» влезала в шапку */
.fpc .fpc-logo__text { font-size: 24px; }
@media (max-width: 1200px) { .fpc .fpc-logo__text { font-size: 22px; } }

/* Подвал — компактнее (был слишком высоким) */
.fpc .fpc-footer { margin-top: 40px; }
.fpc .fpc-footer__top { padding: 36px 0 28px; }
.fpc .fpc-footer__bottom { padding: 16px 0; }

/* --------------------------------------------------------------------------
   ПОДВАЛ — анимированное подчёркивание ссылок, акцент у логотипа
   -------------------------------------------------------------------------- */
.fpc .fpc-footer a { position: relative; }
.fpc .fpc-footer__top a:not(.fpc-logo)::after {
	content: "";
	position: absolute;
	left: 0; bottom: -2px;
	width: 0; height: 1px;
	background: var(--fpc-accent);
	transition: width .22s var(--fpc-ease);
}
.fpc .fpc-footer__top a:not(.fpc-logo):hover::after { width: 100%; }
.fpc .fpc-footer {
	position: relative;
}
.fpc .fpc-footer::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--fpc-accent-line), transparent);
}

/* --------------------------------------------------------------------------
   АНИМАЦИЯ ПОЯВЛЕНИЯ ПРИ ПРОКРУТКЕ
   Скрытое состояние применяется только если активен JS (html.fpc-anim),
   чтобы при выключенном JS контент всегда был виден.
   -------------------------------------------------------------------------- */
html.fpc-anim .fpc-reveal {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .6s var(--fpc-ease), transform .6s var(--fpc-ease);
	will-change: opacity, transform;
}
html.fpc-anim .fpc-reveal.fpc-in {
	opacity: 1;
	transform: none;
}
/* лёгкая каскадная задержка для сеток (карточки появляются волной) */
html.fpc-anim .fpc-reveal[data-fpc-delay="1"] { transition-delay: .06s; }
html.fpc-anim .fpc-reveal[data-fpc-delay="2"] { transition-delay: .12s; }
html.fpc-anim .fpc-reveal[data-fpc-delay="3"] { transition-delay: .18s; }
html.fpc-anim .fpc-reveal[data-fpc-delay="4"] { transition-delay: .24s; }
html.fpc-anim .fpc-reveal[data-fpc-delay="5"] { transition-delay: .30s; }

/* --------------------------------------------------------------------------
   Уважаем настройку «уменьшить движение»
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	html.fpc-anim .fpc-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
	.fpc .fpc-vbanner__play::before { animation: none; }
	.fpc .fpc-btn--primary:hover::after { animation: none; }
	.fpc *,
	.fpc *::before,
	.fpc *::after { animation-duration: .001ms !important; }
}

/* --------------------------------------------------------------------------
   КАК МЫ РАБОТАЕМ — этапы
   -------------------------------------------------------------------------- */
.fpc .fpc-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.fpc .fpc-step {
	position: relative;
	background: var(--fpc-bg-2);
	border: 1px solid var(--fpc-line);
	border-radius: var(--fpc-radius-lg);
	padding: 28px 24px;
	overflow: hidden;
	transition: transform .26s var(--fpc-ease), box-shadow .26s var(--fpc-ease), border-color .26s ease;
}
.fpc .fpc-step::after {
	content: "";
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 3px;
	background: linear-gradient(90deg, var(--fpc-accent), var(--fpc-accent-2));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s var(--fpc-ease);
}
.fpc .fpc-step:hover {
	transform: translateY(-4px);
	border-color: var(--fpc-accent-line);
	box-shadow: var(--fpc-shadow-hover);
}
.fpc .fpc-step:hover::after { transform: scaleX(1); }
.fpc .fpc-step__num {
	display: block;
	font-family: var(--fpc-font-display);
	font-weight: 800;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 16px;
	color: transparent;
	-webkit-text-stroke: 1.5px var(--fpc-accent);
	text-stroke: 1.5px var(--fpc-accent);
}
.fpc .fpc-step__title { font-size: 18px; margin: 0 0 8px; }
.fpc .fpc-step__text { color: var(--fpc-text-dim); font-size: 14px; line-height: 1.55; margin: 0; }

@media (max-width: 1100px) { .fpc .fpc-steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .fpc .fpc-steps { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   FAQ — аккордеон на нативном <details>
   -------------------------------------------------------------------------- */
.fpc .fpc-faq {
	max-width: 920px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.fpc .fpc-faq__item {
	background: var(--fpc-bg-2);
	border: 1px solid var(--fpc-line);
	border-radius: var(--fpc-radius);
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.fpc .fpc-faq__item[open] {
	border-color: var(--fpc-accent-line);
	box-shadow: 0 0 0 1px var(--fpc-accent-soft);
}
.fpc .fpc-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
	padding: 18px 22px;
	font-family: var(--fpc-font-display);
	font-weight: 600;
	font-size: 17px;
	letter-spacing: .01em;
	text-transform: none;
	list-style: none;
	color: var(--fpc-text);
	transition: color .18s ease;
}
.fpc .fpc-faq__q::-webkit-details-marker { display: none; }
.fpc .fpc-faq__q:hover { color: var(--fpc-accent); }
.fpc .fpc-faq__q svg {
	width: 20px; height: 20px;
	flex: none;
	color: var(--fpc-accent);
	transition: transform .25s var(--fpc-ease);
}
.fpc .fpc-faq__item[open] .fpc-faq__q svg { transform: rotate(180deg); }
.fpc .fpc-faq__a {
	padding: 0 22px 20px;
	color: var(--fpc-text-dim);
	font-size: 15px;
	line-height: 1.65;
}

/* --------------------------------------------------------------------------
   ЛОГОТИП И НАДПИСЬ — градиент на «ПК», живой hover на знаке
   -------------------------------------------------------------------------- */
.fpc .fpc-logo__text {
	font-family: 'Exo 2', var(--fpc-font-display);
	font-style: normal;
	font-weight: 800;
	letter-spacing: .015em;
}
.fpc .fpc-logo__text b {
	font-weight: 800;
	background: linear-gradient(135deg, var(--fpc-accent-2), var(--fpc-accent));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--fpc-accent);
}
.fpc .fpc-logo__mark {
	transition: transform .35s var(--fpc-ease), filter .35s ease;
}
.fpc .fpc-logo:hover .fpc-logo__mark {
	transform: rotate(-8deg) scale(1.06);
	filter: drop-shadow(0 0 9px var(--fpc-accent-glow));
}

/* --------------------------------------------------------------------------
   КНОПКА «НАВЕРХ» (создаётся в enhance.js)
   -------------------------------------------------------------------------- */
.fpc-totop {
	position: fixed;
	right: 24px;
	bottom: 24px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid var(--fpc-accent-line);
	background: rgba(18, 20, 25, 0.92);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	color: var(--fpc-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 350;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .25s ease, transform .25s var(--fpc-ease), background .2s ease, color .2s ease;
	box-shadow: 0 10px 28px -12px rgba(0,0,0,.75);
}
.fpc-totop.fpc-show { opacity: 1; visibility: visible; transform: none; }
.fpc-totop:hover {
	background: var(--fpc-accent);
	color: var(--fpc-accent-ink);
	box-shadow: 0 12px 30px -10px var(--fpc-accent-glow);
}
.fpc-totop svg { width: 28px; height: 28px; }
@media (max-width: 560px) {
	.fpc-totop { right: 16px; bottom: 16px; width: 52px; height: 52px; }
	.fpc-totop svg { width: 26px; height: 26px; }
}

/* --------------------------------------------------------------------------
   ГОТОВЫЕ ПК — панель подбора (видеокарта / серия / цена) + полная модель CPU
   -------------------------------------------------------------------------- */
.fpc .fpc-ready__bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.fpc .fpc-ready__label { font-family: var(--fpc-font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--fpc-text-faint); }
.fpc .fpc-ready__modes { display: inline-flex; gap: 4px; background: var(--fpc-bg-2); border: 1px solid var(--fpc-line); border-radius: 999px; padding: 4px; }
.fpc .fpc-ready__mode {
	font-family: var(--fpc-font-display); font-weight: 600; font-size: 14px;
	text-transform: uppercase; letter-spacing: .02em;
	color: var(--fpc-text-dim); background: none; border: 0;
	padding: 8px 16px; border-radius: 999px; cursor: pointer;
	transition: background .18s ease, color .18s ease;
}
.fpc .fpc-ready__mode:hover { color: var(--fpc-text); }
.fpc .fpc-ready__mode.is-active { background: var(--fpc-accent); color: var(--fpc-accent-ink); }
.fpc .fpc-ready__opts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.fpc .fpc-ready__opts[hidden] { display: none; }
.fpc .fpc-ready__chip {
	font-family: var(--fpc-font-display); font-weight: 600; font-size: 13px; letter-spacing: .02em;
	color: var(--fpc-text-dim); background: var(--fpc-bg-2); border: 1px solid var(--fpc-line);
	padding: 9px 16px; border-radius: 10px; cursor: pointer;
	transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.fpc .fpc-ready__chip:hover { border-color: var(--fpc-accent-line); color: var(--fpc-text); }
.fpc .fpc-ready__chip.is-active { background: var(--fpc-accent); border-color: var(--fpc-accent); color: var(--fpc-accent-ink); }
.fpc .fpc-ready__empty { text-align: center; padding: 30px; color: var(--fpc-text-faint); font-family: var(--fpc-font-mono); }
.fpc .fpc-card__cpu {
	font-size: 12.5px; color: var(--fpc-text-dim); line-height: 1.3; margin-top: -2px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 600px) {
	.fpc .fpc-ready__bar { gap: 10px; }
	.fpc .fpc-ready__mode { padding: 8px 12px; font-size: 13px; }
}

/* ==========================================================================
   ФАБРИКА ПК — ПРЕМИУМ-СЛОЙ v2.16 (premium-orange)
   Глубже графит, мягче тени, благороднее акцент. Только аддитивно.
   ========================================================================== */

:root {
	/* Уточнённые премиум-токены */
	--fpc-ink:           #0b0d10;
	--fpc-ember:         #ff7a18;
	--fpc-ember-2:       #ffa04d;
	--fpc-ember-deep:    #e85d00;
	--fpc-glass:         rgba(255,255,255,0.04);
	--fpc-glass-line:    rgba(255,255,255,0.08);
	--fpc-shadow-soft:   0 18px 50px -22px rgba(0,0,0,.72);
	--fpc-shadow-lift:   0 26px 60px -24px rgba(0,0,0,.78), 0 2px 0 0 rgba(255,255,255,.03) inset;
	--fpc-ember-grad:    linear-gradient(135deg, var(--fpc-ember-2) 0%, var(--fpc-ember) 52%, var(--fpc-ember-deep) 100%);
}

/* --------------------------------------------------------------------------
   ФОН — тонкая «дорогая» текстура: тёплый верхний свет + мягкая сетка.
   Убирает ощущение пустоты, не отвлекая от контента.
   -------------------------------------------------------------------------- */
body.fpc {
	background-color: var(--fpc-bg);
	background-image:
		radial-gradient(120% 70% at 50% -10%, rgba(255,122,24,.07) 0%, transparent 55%),
		radial-gradient(90% 60% at 100% 0%, rgba(255,122,24,.04) 0%, transparent 50%),
		linear-gradient(rgba(255,255,255,.013) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.013) 1px, transparent 1px);
	background-size: 100% 100%, 100% 100%, 46px 46px, 46px 46px;
	background-attachment: fixed, fixed, fixed, fixed;
}

/* Секции главной — больше «воздуха» сверху/снизу, тонкая линия-разделитель */
.fpc .fpc-section { position: relative; }
.fpc .fpc-section + .fpc-section::before {
	content: "";
	position: absolute;
	left: 50%; top: 0;
	width: min(1600px, 92vw);
	max-width: 100%;
	height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, var(--fpc-line), transparent);
	opacity: .7;
}

/* --------------------------------------------------------------------------
   ЕДИНОЕ ЦЕНТРИРОВАНИЕ ИКОНОК В КНОПКАХ
   Все svg-иконки в кнопках — строго по центру, без оптического сдвига.
   -------------------------------------------------------------------------- */
.fpc .fpc-card__buy,
.fpc .fpc-totop,
.fpc .fpc-tg,
.fpc .fpc-search-trigger,
.fpc .fpc-icon-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0;
}
.fpc .fpc-card__buy svg,
.fpc .fpc-totop svg,
.fpc .fpc-search-trigger svg {
	display: block;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------
   КАРТОЧКА КАТАЛОГА/ГЛАВНОЙ — премиум-вид
   Стеклянная поверхность, мягкий подъём, чистое медиа, акцентная цена.
   Специфичность .fpc .fpc-card бьёт home.css/shop.css.
   -------------------------------------------------------------------------- */
.fpc .fpc-card {
	background:
		linear-gradient(180deg, rgba(255,255,255,.022), transparent 40%),
		var(--fpc-bg-2) !important;
	border: 1px solid var(--fpc-line) !important;
	border-radius: 18px !important;
	box-shadow: var(--fpc-shadow-soft);
	transition: transform .3s var(--fpc-ease), box-shadow .3s var(--fpc-ease), border-color .3s ease;
}
.fpc .fpc-card:hover {
	transform: translateY(-6px);
	border-color: rgba(255,122,24,.32) !important;
	box-shadow: var(--fpc-shadow-lift), 0 0 0 1px rgba(255,122,24,.14);
}

/* Медиа: чистый светлый «студийный» фон с лёгким верхним бликом, ровные поля */
.fpc .fpc-card__media {
	background:
		radial-gradient(120% 80% at 50% 0%, #ffffff 0%, #f3f5f8 55%, #e9ecf1 100%) !important;
	border-bottom: 1px solid var(--fpc-line) !important;
	padding: 26px !important;
}

/* Бейдж — чуть мягче, со скруглением и фирменным градиентом */
.fpc .fpc-card__badge {
	background: var(--fpc-ember-grad) !important;
	border-radius: 7px !important;
	padding: 5px 10px !important;
	letter-spacing: .05em;
	box-shadow: 0 6px 16px -6px var(--fpc-accent-glow);
}

/* Чипы характеристик — стеклянные «пилюли» */
.fpc .fpc-card__chip {
	background: var(--fpc-glass) !important;
	border: 1px solid var(--fpc-glass-line) !important;
	color: var(--fpc-text-dim) !important;
	border-radius: 999px !important;
	padding: 4px 10px !important;
	font-size: 11.5px !important;
}

/* Наличие — точка-индикатор */
.fpc .fpc-card__stock {
	display: inline-flex; align-items: center; gap: 6px;
}
.fpc .fpc-card__stock::before {
	content: ""; width: 7px; height: 7px; border-radius: 50%;
	background: var(--fpc-ok); box-shadow: 0 0 0 3px rgba(54,211,153,.16);
}
.fpc .fpc-card__stock--out::before { background: var(--fpc-text-faint); box-shadow: none; }

/* Цена — фирменная, крупная, «дорогая» */
.fpc .fpc-card__price {
	font-size: 24px !important;
	letter-spacing: .01em;
	color: var(--fpc-text) !important;
}
.fpc .fpc-card__price .woocommerce-Price-amount { color: var(--fpc-text); }
.fpc .fpc-card__price del { color: var(--fpc-text-faint); font-size: 14px; font-weight: 500; margin-right: 6px; opacity: .8; }
.fpc .fpc-card__price ins { text-decoration: none; color: var(--fpc-ember); }

/* Кнопка «в корзину» — фирменный градиент, идеально по центру */
.fpc .fpc-card__buy {
	width: 46px !important; height: 46px !important;
	border-radius: 13px !important;
	background: var(--fpc-ember-grad) !important;
	border: 0 !important;
	color: var(--fpc-ink) !important;
	box-shadow: 0 8px 20px -8px var(--fpc-accent-glow);
}
.fpc .fpc-card__buy svg { width: 21px !important; height: 21px !important; }
.fpc .fpc-card__buy:hover {
	filter: brightness(1.05);
	box-shadow: 0 12px 26px -8px var(--fpc-accent-glow), 0 0 0 3px rgba(255,122,24,.16);
	transform: translateY(-2px);
}
.fpc .fpc-card__buy:active { transform: scale(.93); }
/* добавили в корзину — короткая «галочка»-вспышка */
.fpc .fpc-card__buy.added { background: var(--fpc-ok) !important; }

/* --------------------------------------------------------------------------
   ЛОГОТИП — гарантированно помещается в левом верхнем углу, не обрезается
   -------------------------------------------------------------------------- */
.fpc .fpc-header__inner { overflow: visible; }
.fpc .fpc-logo {
	min-width: 0;
	padding: 4px 2px;
	gap: 11px;
}
.fpc .fpc-logo__mark {
	width: 40px !important; height: 40px !important;
	flex: 0 0 40px;
	filter: drop-shadow(0 4px 10px rgba(255,122,24,.25));
}
.fpc .fpc-logo__text {
	font-size: 23px;
	white-space: nowrap;
	line-height: 1;
}
@media (max-width: 1280px) { .fpc .fpc-logo__text { font-size: 21px; } }
@media (max-width: 980px)  { .fpc .fpc-logo__text { font-size: 20px; } .fpc .fpc-logo__mark { width: 36px !important; height: 36px !important; flex-basis: 36px; } }

/* --------------------------------------------------------------------------
   КНОПКА «НАВЕРХ» — премиум-редизайн (стеклянное кольцо + чистый шеврон)
   Заменяет «простой тёмный кружок».
   -------------------------------------------------------------------------- */
.fpc-totop {
	width: 64px !important;
	height: 64px !important;
	border-radius: 18px !important;
	border: 1px solid var(--fpc-glass-line) !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.06), transparent 60%),
		rgba(18, 20, 25, 0.78) !important;
	backdrop-filter: blur(12px) saturate(1.2);
	-webkit-backdrop-filter: blur(12px) saturate(1.2);
	color: var(--fpc-ember-2) !important;
	box-shadow: var(--fpc-shadow-soft), 0 0 0 1px rgba(0,0,0,.3);
	transform: translateY(14px) scale(.92);
	transition: opacity .3s var(--fpc-ease), transform .3s var(--fpc-ease), background .25s ease, color .25s ease, box-shadow .25s ease;
}
.fpc-totop::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 17px;
	padding: 1px;
	background: linear-gradient(180deg, rgba(255,122,24,.5), rgba(255,122,24,0) 60%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.fpc-totop.fpc-show { opacity: 1; visibility: visible; transform: none; }
.fpc-totop:hover {
	background: var(--fpc-ember-grad) !important;
	color: var(--fpc-ink) !important;
	transform: translateY(-3px);
	box-shadow: 0 18px 38px -14px var(--fpc-accent-glow);
}
.fpc-totop:active { transform: translateY(0) scale(.95); }
.fpc-totop svg { width: 30px !important; height: 30px !important; }
@media (max-width: 560px) {
	.fpc-totop { right: 16px !important; bottom: 16px !important; width: 56px !important; height: 56px !important; border-radius: 16px !important; }
	.fpc-totop svg { width: 27px !important; height: 27px !important; }
}

/* --------------------------------------------------------------------------
   ОДИНАКОВЫЕ КАРТОЧКИ ВЕЗДЕ — характеристики с подписями + строка наличия.
   Глобально (и на главной .fpc-products, и в каталоге .fpc-shop-grid).
   -------------------------------------------------------------------------- */
.fpc .fpc-card__specs { display: flex; flex-direction: column; margin: 4px 0 2px; }
.fpc .fpc-card__spec {
	display: flex; align-items: baseline; justify-content: space-between;
	gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--fpc-line-soft);
}
.fpc .fpc-card__spec:last-child { border-bottom: 0; }
.fpc .fpc-card__spec-k { margin: 0; font-size: 12px; color: var(--fpc-text-faint); white-space: nowrap; flex: none; }
.fpc .fpc-card__spec-v {
	margin: 0; font-size: 13px; font-weight: 600; color: var(--fpc-text);
	text-align: right; font-family: var(--fpc-font-mono); line-height: 1.3;
	white-space: normal; word-break: normal; overflow-wrap: anywhere; max-width: 64%;
}
.fpc .fpc-card__meta-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fpc .fpc-card__sku { font-family: var(--fpc-font-mono); font-size: 11px; color: var(--fpc-text-faint); }

/* ============================================================
   ПРЕМИУМ-ПОЛИРОВКА КАРТОЧКИ (double-bezel) — v2.17.0
   Оболочка + вложенное «ядро» медиа, мягкое свечение на hover.
   ============================================================ */
.fpc .fpc-card {
	border-radius: 18px !important;
	border-color: rgba(255,255,255,.07) !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 42%),
		var(--fpc-bg-2) !important;
	box-shadow:
		0 1px 0 0 rgba(255,255,255,.05) inset,
		0 18px 40px -28px rgba(0,0,0,.9) !important;
	transition:
		transform .28s cubic-bezier(.32,.72,0,1),
		box-shadow .28s cubic-bezier(.32,.72,0,1),
		border-color .28s cubic-bezier(.32,.72,0,1) !important;
}
.fpc .fpc-card:hover {
	transform: translateY(-6px) !important;
	border-color: rgba(255,122,24,.35) !important;
	box-shadow:
		0 1px 0 0 rgba(255,255,255,.06) inset,
		0 30px 60px -26px rgba(0,0,0,.92),
		0 0 0 1px rgba(255,122,24,.18),
		0 0 42px -8px var(--fpc-accent-glow) !important;
}
/* Медиа-«ядро»: утоплено в карточку, концентрический радиус */
.fpc .fpc-card__media {
	margin: 6px 6px 0 !important;
	border-radius: 13px !important;
	border: 1px solid rgba(0,0,0,.05) !important;
	overflow: hidden !important;
}

/* Бейдж уровня сборки (Full HD / 2K / 4K) — правый верхний угол карточки */
.fpc .fpc-card__level {
	position: absolute;
	top: 12px; right: 12px;
	z-index: 2;
	font-family: var(--fpc-font-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1;
	color: var(--fpc-text);
	background: rgba(10,12,15,.82);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 999px;
	padding: 5px 10px;
	pointer-events: none;
}

/* Блок «Описание» на странице товара (ноутбуки и др.) */
.fpc .fpc-prod-desc {
	margin-top: 18px;
	padding: 18px 20px;
	background: var(--fpc-bg-2);
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 14px;
}
.fpc .fpc-prod-desc__title {
	margin: 0 0 10px;
	font-family: var(--fpc-font-display);
	font-size: 15px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--fpc-text);
}
.fpc .fpc-prod-desc__body {
	color: var(--fpc-text-dim);
	font-size: 14px;
	line-height: 1.65;
}
.fpc .fpc-prod-desc__body p { margin: 0 0 10px; }
.fpc .fpc-prod-desc__body p:last-child { margin-bottom: 0; }

/* Центрирование фото товара в карточке и на странице товара */
.fpc .fpc-card__media { display: flex !important; align-items: center !important; justify-content: center !important; }
.fpc .fpc-card__media img {
	width: 100% !important; height: 100% !important;
	object-fit: contain !important; object-position: center center !important;
	margin: 0 auto !important;
}
.fpc .woocommerce-product-gallery__image img,
.fpc .fpc-prod-gallery img {
	object-fit: contain !important; object-position: center center !important;
}

/* Независимая прокрутка панели фильтров (листается без прокрутки страницы) */
@media (min-width: 981px) {
	.fpc .fpc-filters {
		position: sticky;
		top: 90px;
		max-height: calc(100vh - 110px);
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		scrollbar-color: var(--fpc-accent) transparent;
		padding-right: 6px;
	}
	.fpc .fpc-filters::-webkit-scrollbar { width: 8px; }
	.fpc .fpc-filters::-webkit-scrollbar-thumb { background: var(--fpc-line); border-radius: 6px; }
	.fpc .fpc-filters::-webkit-scrollbar-thumb:hover { background: var(--fpc-accent); }
}

/* Услуги в конфигураторе (Сборка ПК, Установка ОС) — включены бесплатно */
.fpc .fpc-cfg-slot__price--free { color: var(--fpc-ok, #36d399) !important; font-weight: 700; }
.fpc .fpc-cfg-slot--service .fpc-cfg-slot__chosen { color: var(--fpc-ok, #36d399); font-weight: 600; }
.fpc .fpc-cfg-slot__badge {
	display: inline-block; padding: 5px 11px; border-radius: 999px;
	background: rgba(54,211,153,.12); border: 1px solid rgba(54,211,153,.3);
	color: var(--fpc-ok, #36d399); font-size: 12px; font-weight: 700; white-space: nowrap;
}


/* ===== FPC MOBILE FIXES (Cowork 2026-07-09) ===== */
/* 3. Checkout: убрать светлые блоки с невидимым текстом */
#payment ul.payment_methods li.wc_payment_method,
#payment .payment_methods li,
#payment .form-row.place-order{background:transparent !important;}
#payment .payment_methods li,
#payment .payment_methods li label,
#payment .form-row.place-order,
#payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper,
#payment .woocommerce-privacy-policy-text{color:var(--tx,#f4f4f5) !important;}

/* 4. Кнопка «Перейти к оформлению» в одну строку */
.wc-block-cart__submit-button{white-space:nowrap !important;letter-spacing:0 !important;}
@media (max-width:782px){.wc-block-cart__submit-button{font-size:clamp(12px,3.7vw,15px) !important;padding-left:10px !important;padding-right:10px !important;}}

/* 6. Фильтры на всю ширину */
@media (max-width:900px){.fpc-filters{width:100% !important;max-width:100% !important;}}

/* 7. Серии готовых ПК: центрируем карточки карусели */
@media (max-width:900px){.fpc-series-intro__grid{padding-left:11% !important;padding-right:11% !important;scroll-padding-left:11% !important;scroll-padding-right:11% !important;}.fpc-series-intro__grid>.fpc-series-card{scroll-snap-align:center !important;}}

/* 8. Бургер-меню: пункты влево-вверх, поиск в шапку */
@media (max-width:900px){.fpc-mobile-menu{justify-content:flex-start !important;}.fpc-mobile-menu__body{justify-content:flex-start !important;align-items:stretch !important;margin-top:0 !important;flex:0 0 auto !important;}.fpc-mobile-menu__body a{text-align:left !important;}.fpc-mobile-menu__body>a:first-child{display:none !important;}.fpc-header__right .fpc-icons .fpc-search-trigger{display:inline-flex !important;}}

/* 9. Кнопка «наверх»: крупнее стрелка */
.fpc-totop svg{transform:scale(1.55) !important;transform-origin:center !important;}

/* 5. Корзина (моб): цена не наезжает на название */
@media (max-width:600px){.wc-block-cart-item__total{text-align:left !important;}}
/* ===== /FPC MOBILE FIXES ===== */


/* ===== FPC MOBILE FIXES 2 (Cowork 2026-07-09) ===== */
@media (max-width: 900px){
  /* Фильтры каталога — на весь экран */
  .fpc-filters{ width:100% !important; max-width:100% !important; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important; height:100dvh !important; border-radius:0 !important; margin:0 !important; }
  /* Галерея товара — горизонтальный свайп */
  .single-product div.product .woocommerce-product-gallery{ max-width:100% !important; margin:0 !important; }
  .woocommerce-product-gallery__wrapper{ display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; gap:8px !important; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .woocommerce-product-gallery__wrapper::-webkit-scrollbar{ display:none; }
  .woocommerce-product-gallery__image{ flex:0 0 100% !important; width:100% !important; scroll-snap-align:center !important; margin:0 !important; }
  /* Бургер-меню: пункты на уровне крестика */
  .fpc-mobile-close{ position:absolute !important; top:14px !important; right:16px !important; margin:0 !important; z-index:2; }
  .fpc-mobile-menu__body{ margin-top:0 !important; padding-top:4px !important; }
}
/* ===== /FPC MOBILE FIXES 2 ===== */


/* ===== FPC MOBILE FIXES 3 (Cowork 2026-07-09) ===== */
@media (max-width: 900px){
  /* Конфигуратор: панель фильтров прокручивается */
  .fpc-cfg-modal__filters{ overflow-y:auto !important; -webkit-overflow-scrolling:touch; max-height:60vh !important; align-content:flex-start !important; }
}
/* ===== /FPC MOBILE FIXES 3 ===== */


/* ===== FPC CLEAR CART (Cowork 2026-07-09) ===== */
.fpc-clear-cart-btn{ display:block; width:100%; margin-top:10px; padding:12px 14px; background:transparent; color:#ff5a5a; border:1px solid rgba(255,90,90,.5); border-radius:10px; font-weight:600; font-size:14px; cursor:pointer; transition:background .15s; }
.fpc-clear-cart-btn:hover{ background:rgba(255,90,90,.1); }
.fpc-clear-modal{ position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:100000; display:flex; align-items:center; justify-content:center; padding:20px; }
.fpc-clear-modal__box{ background:var(--panel,#141418); color:var(--tx,#f4f4f5); border:1px solid rgba(255,255,255,.12); border-radius:14px; max-width:360px; width:100%; padding:22px; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.fpc-clear-modal__title{ font-size:18px; font-weight:700; margin-bottom:8px; }
.fpc-clear-modal__text{ opacity:.72; font-size:14px; margin-bottom:18px; }
.fpc-clear-modal__btns{ display:flex; gap:10px; }
.fpc-clear-modal__btns button{ flex:1; padding:12px; border-radius:10px; font-weight:600; cursor:pointer; border:0; font-size:14px; }
.fpc-clear-cancel{ background:rgba(255,255,255,.1); color:var(--tx,#f4f4f5); }
.fpc-clear-ok{ background:#ff5a5a; color:#fff; }
/* ===== /FPC CLEAR CART ===== */


/* ===== FPC MOBILE FIXES 4 (Cowork 2026-07-09) ===== */
@media (max-width: 900px){
  /* Страницы шире — меньше боковых отступов */
  .fpc-container{ padding-left:12px !important; padding-right:12px !important; }
  /* Страница товара: галерея сверху без пробела и без перекрытия заголовка */
  .single-product.fpc div.product, .single-product div.product{ display:flex !important; flex-direction:column !important; grid-template-columns:none !important; gap:14px !important; margin-top:6px !important; }
  .single-product.fpc div.product .woocommerce-product-gallery, .single-product div.product .woocommerce-product-gallery{ order:0 !important; grid-area:auto !important; width:100% !important; max-width:100% !important; margin:0 !important; }
  .single-product.fpc div.product .summary.entry-summary, .single-product div.product .summary, .single-product div.product .entry-summary{ order:0 !important; grid-area:auto !important; width:100% !important; margin:0 !important; float:none !important; }
}
/* ===== /FPC MOBILE FIXES 4 ===== */


/* ===== FPC FILTERS BOTTOM (Cowork 2026-07-09) ===== */
@media (max-width: 900px){
  .fpc-filters{ padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important; background: var(--fpc-bg-2) !important; }
  .fpc-filters__apply{ margin-bottom: 0 !important; }
}
/* ===== /FPC FILTERS BOTTOM ===== */


/* ===== FPC MOBILE FIXES 5 (Cowork 2026-07-09) ===== */
@media (max-width: 900px){
  /* Галерея товара: убрать десктопный сдвиг top:100px (пробел сверху + наезд на заголовок) */
  .single-product.fpc div.product .woocommerce-product-gallery,
  .single-product div.product .woocommerce-product-gallery{ top:0 !important; }
}
/* ===== /FPC MOBILE FIXES 5 ===== */


/* ===== FPC CHECKOUT SIMPLIFY (Cowork 2026-07-09) ===== */
.fpc-hidden-field{ display:none !important; }
.woocommerce-checkout .woocommerce-form-coupon-toggle{ display:none !important; }
.woocommerce-checkout .woocommerce-billing-fields > h3{ display:none !important; }
.woocommerce-checkout #ship-to-different-address{ display:none !important; }
.woocommerce-checkout .woocommerce-shipping-fields{ display:none !important; }
.woocommerce-checkout-review-order-table .cart-subtotal{ display:none !important; }
#payment .payment_box{ display:none !important; }
/* растянуть товар в блоке «Ваш заказ» */
.woocommerce-checkout-review-order-table th.product-total, .woocommerce-checkout-review-order-table td.product-total{ white-space:nowrap; }
.woocommerce-checkout-review-order-table td.product-name{ width:70% !important; }
/* ===== /FPC CHECKOUT SIMPLIFY ===== */


/* ===== FPC GALLERY IMG FIX (Cowork 2026-07-09) ===== */
@media (max-width: 900px){
  .single-product .woocommerce-product-gallery__image{ padding:0 !important; scroll-snap-align:center !important; }
  .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image>a{ display:block !important; width:100% !important; }
  .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image>a img{ width:100% !important; min-width:100% !important; height:auto !important; max-width:none !important; display:block !important; }
}
/* ===== /FPC GALLERY IMG FIX ===== */


/* ===== FPC GALLERY TOP DESKTOP (Cowork 2026-07-09) ===== */
.single-product.fpc div.product .woocommerce-product-gallery,
.single-product div.product .woocommerce-product-gallery{ top:0 !important; }
/* ===== /FPC GALLERY TOP DESKTOP ===== */


/* ==========================================================================
   FPC REDESIGN v8 — обводка поиска
   Фокусная рамка рисовалась вокруг input (без иконки и крестика) и не совпадала
   с рамкой самого поля. Переносим подсветку на форму.
   ========================================================================== */
.fpc-search__form input[type="search"],
.fpc-search__form input[type="text"] {
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
}
.fpc-search__form input[type="search"]::-webkit-search-decoration,
.fpc-search__form input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

.fpc-search__form { transition: border-color .16s ease, box-shadow .16s ease; }
.fpc-search__form:focus-within {
	border-color: var(--fpc-accent) !important;
	box-shadow: 0 0 0 3px rgba(255, 122, 24, .16) !important;
}

/* ==========================================================================
   FPC REDESIGN v10 — бургер-меню
   Счётчики брались из term->count WooCommerce и включали скрытые
   и распроданные товары — цифры не совпадали с витриной.
   ========================================================================== */
.fpc-megamenu__count { display: none !important; }
/* v10.1 — временно прячем пункты меню. Меню строится прямым SQL,
   поэтому PHP-фильтр get_terms его не затрагивает. */
/* removed 2026-08-17: временное скрытие «Готовые ПК» из мега-меню больше не нужно, категория опубликована и работает */

/* ===== FPC MOBILE FIX: overflow кнопок покупки (Cowork 2026-08-13) ===== */
@media (max-width: 640px) {
	.single-product.fpc form.cart,
	.single-product form.cart {
		flex-wrap: wrap !important;
	}
	.single-product.fpc form.cart .quantity,
	.single-product form.cart .quantity {
		flex: 0 0 auto !important;
	}
	.single-product.fpc form.cart button.single_add_to_cart_button,
	.single-product form.cart button.single_add_to_cart_button {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}
	.single-product.fpc form.cart .fpc-qo,
	.single-product form.cart .fpc-qo {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 4px !important;
		box-sizing: border-box !important;
	}
	.single-product.fpc form.cart .fpc-qo__toggle,
	.single-product form.cart .fpc-qo__toggle {
		width: 100% !important;
		box-sizing: border-box !important;
		white-space: normal !important;
	}
}
/* ===== /FPC MOBILE FIX: overflow кнопок покупки ===== */


/* ===== FPC CHECKOUT NOTICE ICON FIX (Cowork 2026-08-13) ===== */
/* Иконка предупреждения в плашках WooCommerce (ошибка/инфо на чекауте) перекрывала
   первую букву текста — увеличиваем отступ слева под иконку. */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.wc-block-components-notice-banner {
	padding: 16px 20px 16px 48px !important;
}
/* ===== /FPC CHECKOUT NOTICE ICON FIX ===== */

/* ===== FPC HIDE EMPTY SHIPPING ADDRESS (Cowork 2026-08-13) ===== */
/* Чекаут собирает только один адрес (см. FPC CHECKOUT SIMPLIFY) — отдельного
   адреса доставки нет, поэтому на странице подтверждения заказа/в личном кабинете
   блок "Адрес доставки" всегда показывал пустое "Н/Д". Скрываем его и растягиваем
   "Платёжный адрес" на всю ширину. */
.woocommerce-customer-details .woocommerce-column--shipping-address,
.woocommerce-order-details .woocommerce-column--shipping-address {
	display: none !important;
}
.woocommerce-customer-details .woocommerce-columns--addresses,
.woocommerce-customer-details .col2-set.addresses {
	display: block !important;
}
.woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-customer-details .woocommerce-column--1 {
	width: 100% !important;
	float: none !important;
}
/* ===== /FPC HIDE EMPTY SHIPPING ADDRESS ===== */