/* Айдентика Interbrands — как старый interbrands.uz (владелец 2026-10-11: «примени айдентику старого сайта»).
   Подключается только у сайта с профилем theme.css (content-interbrands/profile.json) после общих стилей Smarton.
   Старый сайт: шрифт Roboto (свободная лицензия Apache 2.0, файлы — со старого сайта), текст #333, серая полоса сверху
   #f5f5f5, белая шапка, голубая полоса меню #00adef с белым текстом, голубой подвал, кнопка «в корзину» голубая
   со скруглением 3 px, тёмно-синие кнопки #2d506d, карточки со скруглением 4 px. Голубой для мелкого текста на белом
   слишком светлый (2,5:1), но с 25.10 --accent тоже #00adef — владелец: «там другой синий», как на старом сайте. */

@font-face { font-family: 'Roboto'; font-weight: 400; font-style: normal; font-display: swap; src: url('/static/brand/roboto-400.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-weight: 500; font-style: normal; font-display: swap; src: url('/static/brand/roboto-500.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-weight: 700; font-style: normal; font-display: swap; src: url('/static/brand/roboto-700.woff2') format('woff2'); }

:root {
  /* Токены айдентики SmartON (style.css) — значения Interbrands. */
  --font-head: 'Roboto', 'Tahoma', sans-serif;
  --font-body: 'Roboto', 'Tahoma', sans-serif;
  --r-field: 3px;
  --r-btn: 3px;
  --r-card: 4px;
  --r-hero: 4px;
  --amber: #00adef;
  --ember: #00adef;
  --surface-soft: #f5f5f5;
  --ink: #333333;
  --muted: #666666;
  --soft: #f5f5f5;
  --radius: 4px;
  --ib-blue: #00adef;
  /* Полоса меню и подвал — фирменный голубой, как на старом сайте (владелец 25.10: «там другой синий»; 11.10 был #0088c4). */
  --ib-bar: #00adef;
  --ib-navy: #2d506d;
}
body, button, input, select, textarea { font-family: 'Roboto', 'Tahoma', sans-serif; }
h1, h2, h3 { font-weight: 500; letter-spacing: 0; }

/* Серая полоса сверху (преимущества и ссылки) — как верхнее меню старого сайта. */
.usp { background: var(--soft); border-bottom: 0; }

/* Голубая полоса разделов под шапкой — как меню категорий старого сайта. */
.secnav { background: var(--ib-bar); border-bottom: 0; }
.secnav a { color: #fff; font-weight: 500; }
.secnav a:hover { color: #fff; background: rgba(0, 0, 0, .08); }
.secnav a.on { color: #fff; border-bottom-color: #fff; font-weight: 700; }
.secnav-more summary { color: #fff; }

/* Кнопки: скругление как на старом сайте; «Каталог» голубой, как кнопка каталога старого сайта (25.10), вторичные — тёмно-синие. */
.btn { border-radius: 3px; }
.cat-btn { background: var(--ib-blue); border-radius: 3px; }
.cat-btn:hover { background: #0096d6; }
.search button { border-radius: 0 3px 3px 0; }
.btn.ghost.light { color: #fff; border-color: #fff; }

/* Карточки и плитки — небольшое скругление вместо крупного. */
.card, .tile, .art, .bw { border-radius: 4px; }
.store { border-radius: 4px; background: var(--ib-navy); }

/* Подвал голубой с белым текстом; блок «Есть вопрос?» — тёмно-синий. */
.foot-q { background: var(--ib-navy); }
.foot-q p { color: #dbe6ef; }
.foot { background: var(--ib-bar); color: #fff; }
.foot h3, .foot p, .foot a, .foot summary, .foot .muted, .foot small { color: #fff; }
.foot a:hover { text-decoration: underline; }

/* Крупные скругления Smarton (карусель, промо, плитки разделов, обложки статей) — почти прямые углы, как на старом сайте. */
.carousel, .promo, .cv, .adv-cover, .insp-pic, .suggest, .acct-pop { border-radius: 4px; }

/* Карточки товаров как на старом сайте (стили interbrands.uz сняты 25.10, владелец: «айдентику на основе старого сайта»):
   белая карточка с мягкой тенью 0 5px 10px .08 и полем 15 px, фото на белом без серой подложки, название 14 px / 500 чёрным,
   цена 19 px / 500, цена со скидкой голубая, старая — серая 12 px, кнопка корзины — сплошная голубая, ярлык скидки — #f6846a. */
.card { background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .08); padding: 15px; border: 0; }
.card:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, .14); }
.card-img { background: #fff; border-radius: 0; }
.card-name { color: #000; font-weight: 500; }
.card-name:hover { color: var(--ib-blue); }
.card-price { font-size: 19px; font-weight: 500; color: #333; }
.card-price.sale { color: var(--ib-blue); }
.card-price s { color: #888; font-size: 12px; font-weight: 500; }
.disc, .badges .deal { background: #f6846a; color: #fff; border-radius: 0; }
.buy2 .b-cart { background: var(--ib-blue); }
@media (hover: hover) and (pointer: fine) { .buy2 .b-cart:hover { background: #0096d6; } }

/* Заголовки блоков — 19–20 px / 500 серым #555, как «Рекомендуем» и «Каталог категорий» старого сайта. */
main h2 { color: #555; font-weight: 500; }

/* Помощник Interbrands (25.10): фон блока без тёплого персикового Smarton — от светло-голубого к белому, в цвет #00adef. */
.hub-ai { background: radial-gradient(circle at 75% 35%, #fff 0, #fff 22%, rgba(255,255,255,0) 40%), linear-gradient(120deg, #e6f6fd, #f5fbfe); }
.hub-ai.solo { background: linear-gradient(120deg, #e6f6fd, #f5fbfe); }

/* «Скидки» в строке разделов (25.10): на голубой полосе фирменный цвет не виден — коралловая плашка #f6846a с белым текстом,
   как ярлык скидки старого interbrands.uz. */
.secnav a.sn-accent { color: #fff; background: #f6846a; border-radius: 3px; margin: 6px 0; padding-top: 6px; padding-bottom: 6px; }
.secnav a.sn-accent:hover { background: #e9705a; color: #fff; }
.secnav a.sn-accent.on { border-bottom-color: transparent; box-shadow: inset 0 0 0 2px #fff; }

/* Картинки в плитках — на белом, как карточки старого сайта (25.10, владелец: «засветы», «жидкость затерта» и белые принтеры).
   Вырез товара убирает почти белое от краёв, а у белых и прозрачных товаров (принтеры, флакон с жидкостью) вместе с фоном
   уходят и светлые части: на серой подложке они просвечивали серым. На белой подложке и без тени выреза такие места снова
   белые, как на исходном фото. Рамку плитке даёт её собственная граница. */
.cv, .sp-pic, .sec-img, .ah-pic, .adv-cover, .art > .adv-cover, .hub-card .hub-collage, .ht-img, .dg-img, .adv-fig > a { background: #fff; }
.cv .cv-i.cut { filter: none; }
.sec-card .sec-img { border-bottom: 1px solid var(--line); }

/* Ряды плиток разделов — одной ширины во всех рядах (6 колонок), а не «сколько плиток, столько колонок»: ряд из 5 и ряд
   из 6 плиток выходили разной ширины (владелец 25.10: «странная компоновка»). На узких экранах — правила rich.css. */
@media (min-width: 1081px) { .sp-row { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 1080px) and (min-width: 761px) { .sp-row { grid-template-columns: repeat(4, minmax(0, 1fr)); } }