/* =====================================================================
   fotorele.spb.ru — оформление под fotorele.ru (шаблон AdvantShop «blue»).
   Подключается после theme.css и до цветов из админки, поэтому «Цвета сайта» в админке по-прежнему главнее.
   Цвета, шрифт и размеры сняты с fotorele.ru 2026-10-28.
   ===================================================================== */

:root {
  --n-font: Tahoma, 'Helvetica Neue', Helvetica, Geneva, Arial, sans-serif;
  --n-bg: #ffffff;
  --n-text: #4b4f58;
  --n-ink: #4b4f58;
  --n-muted: #94969b;
  --n-border: #e2e3e4;
  --n-border-strong: #d4d6d9;
  --n-navy: #0662c1;
  --n-navy-2: #0662c1;
  --n-blue: #0662c1;
  --n-blue-hover: #05509e;
  --n-radius: 5px;
  --n-radius-md: 5px;
  --fr-dark: #4b4f58;
}

/* Голубой градиент сверху страницы, как фон «blue» у fotorele.ru */
html body.ntk {
  background: #fff linear-gradient(180deg, #9fd9fe 0, #aadbfb 80px, #b1ddf6 120px, #c2e1f3 200px, #d4e6f2 280px, #edf1f4 400px, #fff 582px) no-repeat !important;
  font-size: 13px;
  line-height: 1.45;
}

/* ---------- Серая полоска над шапкой со ссылкой «Войти» ---------- */
.ntk .fr-topbar { background: rgba(243, 243, 243, .9); }
.ntk .fr-topbar-in { display: flex; justify-content: center; align-items: center; min-height: 38px; }
.ntk .fr-topbar-login { color: var(--n-muted); font-size: 12px; text-decoration: none; border-bottom: 1px dotted currentColor; }
.ntk .fr-topbar-login:hover { color: var(--n-blue); }

/* ---------- Шапка: крупный логотип, поиск с кнопкой «Найти», телефоны крупно справа, корзина маленькой плашкой над ними ---------- */
.ntk .site-header { position: relative; padding-top: 22px; }
.ntk .sh-top { gap: 22px; padding-bottom: 22px; }
.ntk .sh-logo-img { width: 250px; }
.ntk .sh-tagline { display: none; }
.ntk .sh-search { position: relative; max-width: 460px; gap: 16px; align-items: center; margin: 0; }
.ntk .fr-search-hint { position: absolute; left: 0; top: 100%; margin-top: 6px; font-size: 10px; color: var(--n-muted); }
.ntk .fr-search-hint a { color: var(--n-muted); }
.ntk .sh-search .search-input { height: 46px; padding: 0 14px; font-size: 16px; border-color: #d4d6d9; border-radius: 5px; }
.ntk .sh-search .search-btn {
  position: static; flex-shrink: 0; width: auto; height: 46px; padding: 0 20px; border-radius: 5px;
  font-size: 16px; font-weight: 700; background: var(--n-blue) !important;
}
.ntk .sh-search .search-btn i { display: none; }
.ntk .sh-search .search-btn::after { content: "Найти"; }
.ntk .sh-contacts { margin-left: auto; padding-top: 30px; }
.ntk .sh-contacts-icon { display: none; }
.ntk .sh-phones { align-items: flex-end; }
.ntk .sh-phones .phone-link { font-size: 24px; line-height: 1.05; color: var(--fr-dark); }
.ntk .sh-phones .message-link { font-size: 12px; font-weight: 400; text-decoration: underline; }
@media (min-width: 961px) {
  .ntk .sh-account { display: none; }
  .ntk .sh-cart { position: absolute; top: 22px; right: 0; align-self: auto; gap: 6px; padding: 4px 9px; border-radius: 4px; border-color: #d4d6d9; }
  .ntk .sh-cart-icon { font-size: .85rem; color: var(--fr-dark); }
  .ntk .sh-cart .cart-count { display: none; }
  .ntk .sh-cart-text { flex-direction: row; align-items: baseline; gap: 4px; }
  .ntk .sh-cart-text b { font-weight: 400; font-size: 12px; color: var(--fr-dark); }
  .ntk .sh-cart-text b::after { content: ":"; }
  .ntk .sh-cart-text small { font-size: 12px; color: var(--fr-dark); }
}
@media (max-width: 960px) { .ntk .fr-topbar, .ntk .fr-search-hint { display: none; } }

/* ---------- Меню: тёмная кнопка каталога над левой колонкой и отдельная синяя полоса ссылок ---------- */
.ntk .main-nav { background: none; overflow: visible; gap: 16px; min-height: 44px; border-radius: 0; }
.ntk .mn-catalog {
  width: 240px; padding: 0 16px; border-right: 0; border-radius: 5px;
  background: var(--fr-dark); font-size: 14px; font-weight: 400;
}
.ntk .mn-catalog:hover { background: #3b3e45; }
.ntk .mn-catalog .fa-bars { display: none; }
.ntk .mn-catalog-arrow { font-size: .8rem; opacity: 1; }
.ntk .mn-links { flex: 1; padding: 0; border-radius: 5px; background: var(--n-navy); overflow: hidden; }
.ntk .mn-links a {
  padding: 0 15px; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #fff;
  border-right: 1px solid rgba(0, 0, 0, .14); box-shadow: 1px 0 0 rgba(255, 255, 255, .12);
}
.ntk .mn-links a.is-active::after { display: none; }

/* ---------- Левая колонка: список разделов белыми строками, синие ссылки, число товаров в скобках ---------- */
/* Подпись каталога уже есть на тёмной кнопке над колонкой; преимуществ в колонке у fotorele.ru нет */
html body.ntk .catalog-side { width: 240px; min-width: 240px; }
html body.ntk .catalog-side .catalog-title, .ntk .catalog-side .side-benefits { display: none !important; }
html body.ntk .catalog-side .catalog-list { margin: 0 !important; border: 1px solid var(--n-border); border-radius: 5px; overflow: hidden; }
.ntk .catalog-side .catalog-list > li + li { border-top: 1px solid var(--n-border) !important; }
html body.ntk .catalog-side .catalog-list > li > a {
  min-height: 44px; padding: 6px 10px 6px 12px !important; color: var(--n-blue) !important;
  font-size: 14px !important; font-weight: 400; line-height: 1.25;
}
html body.ntk .catalog-side .catalog-list li a:hover { background: #f5f8fc !important; color: var(--n-blue-hover) !important; box-shadow: none; text-decoration: underline; }
.ntk .catalog-side .catalog-list li a img, .ntk .catalog-side .catalog-list .cl-icon { width: 30px !important; height: 30px !important; object-fit: contain; }
.ntk .catalog-side .catalog-list .cat-count { margin-left: 0; padding-left: 0; font-size: 12px; color: var(--fr-dark); white-space: nowrap; }
.ntk .catalog-side .catalog-list .cat-count::before { content: "("; }
.ntk .catalog-side .catalog-list .cat-count::after { content: ")"; }
.ntk .catalog-side .catalog-list .sub-arrow { margin-left: auto; color: #b2b5ba; }
.ntk .catalog-side .catalog-list > li:not(.has-submenu) > a::after { margin-left: auto; }

/* Полосы преимуществ под баннером у fotorele.ru тоже нет */
.ntk .benefits-bar { display: none; }

/* Новости в левой колонке — без рамки, заголовок как у блоков главной */
html body.ntk .catalog-side .news-block { background: none !important; border: 0 !important; box-shadow: none !important; padding: 6px 0 0 !important; }
html body.ntk .catalog-side .news-title { font-size: 22px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--fr-dark) !important; border: 0 !important; }
.ntk .catalog-side .news-link { color: var(--n-blue); font-size: 12px; }
.ntk .catalog-side .news-date { font-size: 12px; color: var(--n-muted); }

/* ---------- Заголовки блоков: «Новинки  Все новинки» без черты ---------- */
.ntk .section-head { justify-content: flex-start; gap: 14px; align-items: baseline; border-bottom: 0; padding-bottom: 0; }
html body.ntk .section-head .section-title { font-size: 22px !important; font-weight: 400 !important; color: var(--fr-dark) !important; }
html body.ntk .section-title { font-weight: 400 !important; color: var(--fr-dark) !important; }
.ntk .section-more { font-size: 12px; font-weight: 400; text-decoration: underline; }
.ntk .section-more i { display: none; }

/* ---------- Карточки товаров: три в ряд, название синей ссылкой по центру, цена и «Добавить» в одной строке ---------- */
@media (min-width: 1101px) { html body.ntk .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
html body.ntk .product-card { border: 1px solid var(--n-border) !important; border-radius: 5px; text-align: center; }
html body.ntk .product-card .product-bottom { flex-wrap: nowrap; border-top: 0; padding-top: 6px; }
html body.ntk .product-name { font-size: 12px !important; font-weight: 400 !important; color: var(--n-blue) !important; line-height: 1.5 !important; }
.ntk .product-card .product-desc { font-size: 12px; color: var(--fr-dark); }
.ntk .product-card .product-bottom { text-align: left; }
html body.ntk .product-price { font-size: 19px !important; font-weight: 400 !important; color: var(--fr-dark) !important; }
html body.ntk .add-to-cart-btn { flex-shrink: 0; min-height: 39px; padding: 0 12px !important; border-radius: 5px !important; font-size: 12px !important; font-weight: 700 !important; background: var(--n-blue) !important; }
.ntk .add-to-cart-btn span { display: none; }
.ntk .add-to-cart-btn::after { content: "Добавить"; }

/* ---------- Ссылки на маркетплейсы и каталоги — строкой синих ссылок через черту ---------- */
html body.ntk .partners-strip { justify-content: center; gap: 6px 0; }
html body.ntk .partner-link {
  padding: 0 9px !important; border: 0 !important; border-radius: 0 !important; background: none !important;
  color: var(--n-blue) !important; font-size: 12px !important; font-weight: 400; letter-spacing: 0; text-transform: uppercase;
}
html body.ntk .partner-link + .partner-link { border-left: 1px solid var(--fr-dark) !important; }
html body.ntk .partner-link:hover { background: none !important; color: var(--n-blue-hover) !important; text-decoration: underline; }

/* ---------- Подвал: светло-серый на всю ширину окна, без логотипа, заголовки колонок обычным шрифтом ---------- */
html body.ntk .site-footer { background: #f3f3f3 !important; border-top: 0; box-shadow: 0 0 0 100vmax #f3f3f3 !important; clip-path: inset(0 -100vmax); }
.ntk .sf-logo, .ntk .sf-tagline { display: none; }
.ntk .sf-title, .ntk .sf-socials-title { font-size: 16px; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--n-muted); }
.ntk .sf-links a, .ntk .sf-contact-list { font-size: 12px; }
.ntk .sf-bottom { border-top-color: #e2e3e4; }