/*
 * Полный рефакторинг — варианты 6–10 предпросмотра (?tkdesign=6…10).
 * Страницы собирает redo.js (главная, раздел, товар, корзина, подвал),
 * здесь — их вид. Всё только для экрана от 960 px («Версия для ПК» на телефоне — 980); телефон не
 * меняется. Цвета — только сайта: градиент #5fc6f1 → #2b68af,
 * тёмно-синий #1d4f8c, синий #008dd2, красный #ff1249, подвал #032e42.
 *
 *  6 «Маркетплейс» — плотные ленты товаров, фильтры строкой сверху,
 *    галерея с превью сбоку, узкий блок покупки;
 *  7 «Бренд» — большой первый экран, разделы крупно, фильтры слева,
 *    по 3 крупные карточки, шаги оформления в корзине;
 *  8 «Опт» — поиск по артикулу первым экраном, товары таблицей,
 *    характеристики первыми;
 *  9 «Лукбук» — мозаика разделов, крупные фото, фото товара одно под
 *    другим, фильтры в выезжающей панели;
 * 10 «Приложение» — меню слева на всю высоту, виджеты на главной.
 */
@media (min-width: 960px) {

/* ── Переменные ────────────────────────────────────────────────────── */
html.tkd-r {
	--g: linear-gradient(90deg, #5fc6f1, #2b68af);
	--gd: linear-gradient(135deg, #5fc6f1 0%, #2b68af 60%, #1d4f8c 100%);
	--navy: #1d4f8c; --blue: #2b68af; --sky: #5fc6f1; --sale: #ff1249;
	/* Кнопки — сплошные голубые, цвет сайта (выбор владельца, 4.43: вместо градиента и тёмно-синих) */
	--btn: #00a3e1; --btn-h: #008dd2;
	--ink: #0c1b2a; --mut: #6b7a89; --line: #e3eaf1; --soft: #f2f7fb; --tint: #e3f1fb;
	--pg: #fff; --card: #fff; --card-bd: 0 solid transparent; --card-sh: none; --card-pad: 0px;
	--r: 18px; --r-big: 28px; --r-img: 14px; --btn-r: 6px;
	--price: var(--ink); --img-bg: #f2f7fb; --foot-bg: #032e42;
	--sec: 64px;
}

/* 11–12 — сборные: страницы сайта (белый фон), раздел каталога как в 6. 12 — прямоугольные кнопки. */
 html.tkd-v12 { --blue: #00a3e1; --navy: #008dd2; --pg: #fff; --card-pad: 10px; --r: 16px; --r-img: 12px; --btn-r: 6px; --sec: 48px; }
html.tkd-v12 { --r: 4px; --r-big: 4px; --r-img: 2px; --btn-r: 6px; }
 html.tkd-v12 .rc-name { font-size: 13.5px; }  html.tkd-v12 .rc-price b { font-size: 19px; }
 html.tkd-v12 .rl-6 .rc:hover { box-shadow: 0 10px 30px rgba(12, 40, 80, .1); }
html.tkd-v12 .rchip, html.tkd-v12 .rsubs a { border-radius: 4px; border-width: 1px; }
html.tkd-v12 .rchip-f { border-radius: 4px; }
html.tkd-v12 .rdd-pop { border-radius: 4px; }
html.tkd-v12 .rc-buy { font-weight: 600; box-shadow: none; }
html.tkd-v12 .rc-buy:hover { filter: none; background: var(--btn-h); }
html.tkd-v12 .rc-fav { border-radius: 4px; }
html.tkd-v12 .rbtn { box-shadow: none; font-weight: 600; }
html.tkd-v12 .rbtn:hover { transform: none; box-shadow: none; background: var(--btn-h); }
html.tkd-v12 .pagination > li > a, html.tkd-v12 .pagination > li > span { border-radius: 4px !important; }

/* ── Основа ────────────────────────────────────────────────────────── */
html.tkd-r body { background: var(--pg) !important; }
html.tkd-r .rx-hide { display: none !important; }
html.rx-lock, html.rx-lock body { overflow: hidden !important; }
.rx, .rx * { box-sizing: border-box; }
.rx { font-family: "Gilroy", Arial, sans-serif; color: var(--ink); }
.rx a { text-decoration: none; color: inherit; }
.rx svg { width: 18px; height: 18px; flex: 0 0 auto; }
.rx h1, .rx h2, .rx h3 { font-family: "Gilroy", Arial, sans-serif; color: inherit; margin: 0; letter-spacing: -.02em; line-height: 1.12; text-wrap: balance; }
.rbtn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 50px; padding: 0 26px; border: 0; border-radius: var(--btn-r); background: var(--btn); color: #fff !important; font: 700 15.5px "Gilroy", Arial, sans-serif; cursor: pointer; white-space: nowrap; box-shadow: 0 8px 22px rgba(43, 104, 175, .22); transition: transform .15s, box-shadow .15s; }
.rbtn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(43, 104, 175, .3); }

.rbtn:focus-visible, .rchip:focus-visible, .rc-buy:focus-visible { outline: 3px solid var(--sky); outline-offset: 2px; }

/* Заголовок секции */
.rh { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.rh h2 { font-size: 26px; font-weight: 800; }
.rh p { margin: 6px 0 0; color: var(--mut); font-size: 15px; }

/* ── Карточка товара ───────────────────────────────────────────────── */
.rg { display: grid; gap: 28px 20px; }
.rc { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--card); border: var(--card-bd); border-radius: var(--r); box-shadow: var(--card-sh); padding: var(--card-pad); transition: box-shadow .2s, transform .2s; }
.rc:hover { box-shadow: 0 16px 36px rgba(12, 40, 80, .12); }
.rc-img { display: block; aspect-ratio: 3 / 4; border-radius: var(--r-img); overflow: hidden; background: var(--img-bg); }
.rc-img img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; transition: transform .5s; }
.rc:hover .rc-img img { transform: scale(1.04); }
.rc-fav { position: absolute; top: calc(var(--card-pad) + 10px); right: calc(var(--card-pad) + 10px); width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .92); color: var(--ink); display: grid; place-items: center; cursor: pointer; box-shadow: 0 2px 10px rgba(12, 40, 80, .12); }
.rc-fav svg { width: 20px; height: 20px; } .rc-fav:hover, .rc-fav.on { color: var(--sale); } .rc-fav.on svg { fill: var(--sale); }
.rc-body { display: flex; flex-direction: column; gap: 6px; padding-top: 12px; flex: 1; }
.rc-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.rc-price b { font-size: 18px; font-weight: 800; color: var(--price); }
.rc-price s { color: #9aa6b2; font-size: 14px; }
.rc-name { font-size: 14.5px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
.rc-name:hover { color: var(--blue) !important; }
.rc-sku { font-size: 12.5px; color: var(--mut); }
.rc-buy { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; border: 0; border-radius: var(--btn-r); background: var(--btn); color: #fff; font: 700 14px "Gilroy", Arial, sans-serif; cursor: pointer; transition: filter .15s; }
.rc-buy:hover { filter: brightness(1.06); } .rc-buy.done { background: #1f9d55; }
.rc-buy.done span { font-size: 0; } .rc-buy.done span::after { content: "Добавлено"; font-size: 14px; }
/* 6 — компактно, кнопка сразу видна */
 
/* 7 — крупно, кнопка контуром */

/* 8 — рамка, плотно */

/* 9 — без рамок, кнопка всплывает поверх фото */

/* 10 — карточки-плитки */

/* Сетки */
.rg-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px 16px; }
.rg-6 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* Строки таблицы товаров (8 «Опт») */

.rr { display: grid; grid-template-columns: 76px minmax(0, 1fr) 160px 44px 160px; align-items: center; gap: 18px; padding: 12px 18px; border-top: 1px solid #edf2f7; }
.rr:first-child { border-top: 0; }
.rr:hover { background: #f7fbfe; }

 

 

/* ── Общие блоки главной ───────────────────────────────────────────── */

/* Слайдер */
.rs { position: relative; }

  

/* Площадки */

 
/* Преимущества */
.rb { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.rb > div { display: flex; flex-direction: column; gap: 8px; padding: 28px; border-radius: var(--r); background: var(--soft); }
.rb svg { width: 44px; height: 44px; padding: 10px; border-radius: 14px; background: #fff; color: var(--blue); margin-bottom: 6px; }
.rb b { font-size: 16.5px; } .rb span { color: var(--mut); font-size: 14.5px; line-height: 1.45; }
/* Пошив под заказ */

   

   

/* Клиенты */

/* Логотипы у сайта 170×200 с полями — меньше 150 px их не разглядеть, больше — расплывутся */

/* Связь */

 

/* ── Главная 6 «Маркетплейс» ───────────────────────────────────────── */

 

/* ── Главная 7 «Бренд» ─────────────────────────────────────────────── */

  

/* Картинки разделов у сайта не больше 314×410: во всю плитку (cover) их растягивало
   в 1,5–3 раза. Показываем в своих пропорциях по высоте, не выше 410 px, остальное — цвет раздела. */

/* ── Главная 8 «Опт» ───────────────────────────────────────────────── */

 

 

 

/* ── Главная 9 «Лукбук» ────────────────────────────────────────────── */

 

/* ── Главная 10 «Приложение» ───────────────────────────────────────── */

 

  

/* ── Раздел каталога и поиск ───────────────────────────────────────── */
.rl { padding: 8px var(--gut) var(--sec); }
.rl .breadcrumb { padding: 18px 0 8px !important; margin: 0 !important; height: auto !important; min-height: 0 !important; font-size: 13px !important; background: none !important; }
.rl .breadcrumb a { color: var(--blue) !important; }
.rl-t { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; margin: 6px 0 18px; }
.rl h1 { font-size: 30px; font-weight: 800; }
.rcount { color: var(--mut); font-size: 15px; }
.rsubs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.rsubs a { padding: 9px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-weight: 600; font-size: 14px; }
.rsubs a:hover, .rsubs a.on { background: var(--tint); border-color: var(--blue); color: var(--blue) !important; }
.rl-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.rl-sp { flex: 1; }
.rchip { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 999px; border: 1.5px solid #d6e2ec; background: #fff; color: var(--ink) !important; font: 600 14px "Gilroy", Arial, sans-serif; cursor: pointer; white-space: nowrap; }
.rchip svg { width: 16px; height: 16px; }
.rchip:hover { border-color: var(--blue); }
.rchip.on { background: var(--tint); border-color: var(--blue); color: var(--blue) !important; }
.rchip-f { background: var(--btn); border-color: var(--btn); color: #fff !important; }
.rchip-f:hover { background: var(--btn-h); border-color: var(--btn-h); }
.rdd { position: relative; }
.rdd-pop { display: none; position: absolute; top: calc(100% + 8px); left: 0; z-index: 60; min-width: 280px; max-height: 380px; overflow: auto; padding: 8px; border-radius: 16px; background: #fff; box-shadow: 0 20px 44px rgba(12, 40, 80, .2); }
.rdd-r { left: auto; right: 0; }
.rdd.open .rdd-pop { display: block; }
.rdd.open > .rchip svg { transform: rotate(180deg); }
.rdd-o { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; font-size: 14.5px; }
.rdd-o:hover { background: var(--soft); }
.rdd-o i { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid #c5d3e0; display: grid; place-items: center; flex: 0 0 20px; }
.rdd-o i svg { width: 14px; height: 14px; opacity: 0; color: #fff; }
.rdd-o.on i { background: var(--btn); border-color: var(--btn); } .rdd-o.on i svg { opacity: 1; }
.rdd-o em { margin-left: auto; font-style: normal; color: var(--mut); font-size: 13px; }
.rdd-o.off { opacity: .4; }
/* Выбор нескольких значений: отмечаем, потом «Показать» */
.rdd-f { position: sticky; bottom: -8px; margin: 6px -8px -8px; padding: 8px; background: #fff; border-top: 1px solid var(--line); }
.rdd-f .rbtn, .rdrawer-f .rbtn { width: 100%; height: 42px; box-shadow: none !important; transform: none !important; font-weight: 600; }
.rdd-f .rbtn:hover, .rdrawer-f .rbtn:hover { background: var(--btn-h); }
.rdrawer-f { padding: 14px 24px; border-top: 1px solid var(--line); background: #fff; }
.rdrawer-f .rbtn { height: 46px; }
.rdrawer-b #filter_vier .set_link { display: none !important; }
/* Мобильная кнопка модуля фильтров («воронка ×») торчала в левом верхнем углу — у нас своя «Все фильтры». */
html.tkd-rx #mobil_mini { display: none !important; }
.rchosen { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 16px; }
.rreset { color: var(--blue) !important; font-weight: 700; font-size: 14px; margin-left: 6px; }

  
.rl-main { min-width: 0; }
.rempty { padding: 64px 24px; text-align: center; border-radius: var(--r-big); background: #fff; }
.rempty b { font-size: 22px; } .rempty p { color: var(--mut); }

  
/* Перенесённый блок фильтров сайта */
.rx #filter_vier { box-shadow: none !important; margin: 0 !important; padding: 20px !important; border-radius: var(--r) !important; background: #fff; border: 1px solid var(--line); }
.rx #filter_vier .box-heading { font-size: 18px !important; font-weight: 800 !important; padding: 0 0 8px !important; margin: 0 !important; border: 0 !important; }
.rx #filter_vier .title-filter { font-weight: 700 !important; font-size: 15px !important; margin: 16px 0 8px !important; }
.rx #filter_vier .onli_param p { margin: 0 !important; }
.rx #filter_vier a.checkb, .rx #filter_vier a.checka { display: block; padding: 5px 0 !important; font-size: 14.5px !important; }
.rx #filter_vier a.checka { color: var(--blue) !important; font-weight: 700; }
.rx #filter_vier .reset_link { display: inline-block; margin-top: 12px; }

/* Постраничность */
.rl-pag { margin-top: 40px; display: flex; justify-content: center; }
.rl-pag ul.pagination { display: flex !important; gap: 6px; margin: 0 !important; padding: 0 !important; list-style: none; }
.rl-pag ul.pagination li { margin: 0 !important; float: none !important; }
.rl-pag ul.pagination li a, .rl-pag ul.pagination li span { display: grid !important; place-items: center; min-width: 44px; height: 44px; padding: 0 12px !important; border-radius: var(--btn-r) !important; border: 1px solid var(--line) !important; background: #fff !important; color: var(--ink) !important; font-weight: 700; }
.rl-pag ul.pagination li.active span { background: var(--btn) !important; border-color: transparent !important; color: #fff !important; }

/* Выезжающая панель фильтров */
.rdrawer:not([hidden]) { position: fixed; inset: 0; z-index: 3000; display: block; }
.rdrawer-bg { position: absolute; inset: 0; background: rgba(8, 24, 44, .45); animation: rfade .2s; }
.rdrawer-p { position: absolute; top: 0; right: 0; bottom: 0; width: 420px; max-width: 92vw; background: #fff; display: flex; flex-direction: column; animation: rslide .25s ease-out; }
.rdrawer-h { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.rdrawer-h b { font-size: 20px; } .rdrawer-h button { width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--soft); display: grid; place-items: center; cursor: pointer; }
.rdrawer-b { flex: 1; overflow-y: auto; padding: 8px 8px 24px; }
.rdrawer-b #filter_vier { border: 0 !important; padding: 4px 16px 0 !important; }
@keyframes rfade { from { opacity: 0; } } @keyframes rslide { from { transform: translateX(100%); } }
/* Раскладки по вариантам */
.rl-6 .rl-bar { position: sticky; top: var(--stick-h, 0px); z-index: 40; padding: 12px 0; margin-bottom: 8px; background: var(--pg); }

  

 

/* ── Товар ─────────────────────────────────────────────────────────── */
.rp { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(380px, 1fr); gap: clamp(32px, 4vw, 72px); align-items: start; margin: 12px 0 var(--sec); }

.rgal-m { border-radius: var(--r-big); overflow: hidden; background: var(--img-bg); aspect-ratio: 1 / 1; max-height: min(760px, calc(100vh - var(--stick-h, 0px) - 60px)); width: 100%; }
.rgal-m img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; display: block; }

/* Блок покупки — настоящий #product сайта */
.rp #product { display: block !important; width: auto !important; margin: 0 !important; }
.rp #product::before, .rp #product::after { display: none !important; }
.rp #product > .left { display: none !important; }
.rp #product > .right { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 32px !important; border-radius: var(--r-big); background: #fff; border: 1px solid var(--line); box-shadow: 0 14px 40px rgba(12, 40, 80, .08); position: relative; display: flex; flex-direction: column; }

.rp #product > .right > * { margin-left: 0 !important; margin-right: 0 !important; }
.rp #product h1 { font-size: 23px !important; font-weight: 800 !important; line-height: 1.2 !important; margin: 0 56px 14px 0 !important; letter-spacing: -.01em; }

.rp #product .property { font-size: 14px !important; color: var(--mut); margin: 0 0 4px !important; }
.rp #product .right > .price { order: 0; margin: 14px 0 16px !important; height: auto !important; font-size: 0; }
.rp #product .autocalc-product-price, .rp #product .price-new { font-size: 32px !important; font-weight: 800 !important; color: var(--price) !important; }
.rp #product .right > a.btn.btn-info { align-self: flex-start; display: inline-flex !important; align-items: center; width: auto !important; height: 40px !important; padding: 0 18px !important; border: 0 !important; border-radius: var(--btn-r) !important; background: #cb11ab !important; color: #fff !important; font-size: 14px !important; font-weight: 700; line-height: 1 !important; white-space: nowrap; overflow: visible !important; margin-bottom: 18px !important; }
.rp #product .right > a.btn.btn-info i, .rp #product .right > a.btn.btn-info::before, .rp #product .right > a.btn.btn-info::after { display: none !important; }
.rp #product .options, .rp #product .quantity-block, .rp #product .cart { width: auto !important; display: block !important; }
.rp #product .options .option { width: auto !important; float: none !important; }
.rp #product .options .req { display: block; font-size: 15px !important; font-weight: 700 !important; margin-bottom: 10px; }
.rp #product .options .max-width { display: none !important; }

.rp #product .quantity-block { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px !important; }
.rp #product .quantity-block > div { width: auto !important; float: none !important; }
.rp #product .quant { display: flex !important; align-items: center; gap: 14px; }
.rp #product .quant > span { font-weight: 700; font-size: 15px; }

.rp #product .table-size-link { color: var(--blue) !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px dashed; cursor: pointer; }
.rp #product .cart { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 12px; margin: 4px 0 18px !important; }
.rp #product .cart > div { width: 100% !important; max-width: none !important; float: none !important; text-align: center; }
.rp #product #button-cart { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 58px !important; padding: 0 !important; border: 0 !important; border-radius: var(--btn-r) !important; background: var(--btn) !important; color: #fff !important; font: 700 18px "Gilroy", Arial, sans-serif !important; line-height: 1 !important; box-shadow: 0 12px 28px rgba(43, 104, 175, .3); }

.rp #product .fastorder { color: var(--blue) !important; font-weight: 600; border-bottom: 1px dashed; text-decoration: none !important; cursor: pointer; }
.rp #product .prodinfo { display: none; }
.rp #product .tooltip.wishlist, .rp #product .tooltip.compare { position: absolute !important; right: 24px; top: 28px; }
.rp #product .tooltip.compare { top: 64px; }

/* Описание, характеристики, отзывы */
.rpi { display: grid; gap: 24px; margin-bottom: var(--sec); }
 
 

.rpi-s { padding: 32px 36px; border-radius: var(--r-big); background: #fff; border: 1px solid var(--line); }

.rpi-s > h2 { font-size: 21px; font-weight: 800; margin-bottom: 16px; }
.rpi-c, .rpi-c * { font-family: "Gilroy", Arial, sans-serif !important; }
.rpi-c h2, .rpi-c h3 { font-size: 18px !important; font-weight: 700 !important; margin: 18px 0 8px !important; }
.rpi-c p, .rpi-c li { font-size: 15.5px !important; line-height: 1.65 !important; color: #34424f; }
.rpi-c .txt { padding: 0 !important; }
.rpi-chars dl { margin: 0; }
.rpi-chars dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; padding: 12px 0; border-bottom: 1px dashed #d6e2ec; font-size: 15px; }
.rpi-chars dt { color: var(--mut); } .rpi-chars dd { margin: 0; font-weight: 600; }
/* 11–12: блоки товара как на Ozon/WB — начало видно, остальное по кнопке */
.rpi-11 { max-width: 1100px; margin-top: 8px; }
html.tkd-v12 .rpi-11 .rpi-s { border-radius: 4px; }
.rpi-chars dl > .rx-more { display: none; } .rpi-chars dl.open > .rx-more { display: grid; }
/* 11–12: характеристики в две колонки — значение рядом с названием, справа не пусто (выбор владельца, 4.49, вариант В) */
 html.tkd-v12 .rpi-chars dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px; }
 html.tkd-v12 .rpi-chars dl > div { grid-template-columns: minmax(120px, 200px) minmax(0, 1fr); gap: 20px; border-bottom: 1px solid #e6edf3; }
 html.tkd-v12 .rpi-chars dt { font-weight: 400; }
.rmore { position: relative; max-height: 300px; overflow: hidden; }
.rmore::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 110px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); pointer-events: none; }
.rmore.open, .rmore.short { max-height: none; } .rmore.open::after, .rmore.short::after { display: none; }
.rmore-t { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 0; border: 0; background: none; color: var(--blue); font: 700 15px "Gilroy", Arial, sans-serif; cursor: pointer; }
.rmore-t svg { width: 16px; height: 16px; transition: transform .2s; } .rmore-t.up svg { transform: rotate(180deg); }
.rmore-t:hover { color: var(--navy); }
.rpi-c #form-review input, .rpi-c #form-review textarea { border-radius: var(--btn-r) !important; border: 1.5px solid #d6e2ec !important; padding: 12px 14px !important; width: 100% !important; }
.rpi-c #form-review .btn, .rpi-c #button-review { background: var(--btn) !important; color: #fff !important; border: 0 !important; border-radius: var(--btn-r) !important; padding: 12px 26px !important; height: auto !important; font-weight: 700 !important; }
/* Отзывы 11–12 (reviews11 в redo.js): оценка слева, отзывы справа */
.rv { --rvb: #00a3e1; }
.rv, .rv * { font-family: "Gilroy", Arial, sans-serif; }
.rv h2 span { margin-left: 4px; color: var(--mut); font-weight: 600; }
.rv-st { display: inline-flex; gap: 2px; line-height: 1; }
.rv-st i { font-style: normal; font-size: 16px; color: #d9e1e8; } .rv-st i::before { content: "★"; } .rv-st i.on { color: #ffb400; }
.rv-list { display: grid; align-content: start; }
.rv-it { padding: 18px 0; border-bottom: 1px solid var(--line); } .rv-it:first-child { padding-top: 0; } .rv-it:last-child { border-bottom: 0; }
.rv-ih { display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px; } .rv-ih b { font-size: 15.5px; font-weight: 700; } .rv-ih time { font-size: 13px; color: var(--mut); }
.rv-list > .rx-more { display: none; } .rv-list.open > .rx-more { display: block; }
.rv-list > .rmore-t { justify-self: start; }
.rv-it p { margin: 8px 0 0; font-size: 15px; line-height: 1.6; color: #34424f; }
.rv-none { margin: 0; color: var(--mut); font-size: 15px; }
.rv-write { height: 44px; padding: 0 22px; border: 1.5px solid var(--rvb); border-radius: var(--btn-r); background: #fff; color: var(--rvb); font-size: 15px; font-weight: 700; cursor: pointer; }
.rv-write:hover, .rv-write.on { background: var(--rvb); color: #fff; }
.rv-a .rv-g { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 56px; align-items: start; }
.rv-a .rv-g:not(:has(.rv-list)) { grid-template-columns: minmax(0, 440px); }
.rv-sum { display: grid; gap: 18px; }
.rv-a .rv-avg { display: flex; align-items: center; gap: 14px; } .rv-a .rv-avg > b { font-size: 44px; font-weight: 800; line-height: 1; }
.rv-a .rv-avg > div { display: grid; gap: 6px; } .rv-a .rv-avg span { font-size: 14px; color: var(--mut); } .rv-a .rv-avg .rv-st i { font-size: 20px; }
.rv-bars { display: grid; gap: 7px; }
.rv-bar { display: grid; grid-template-columns: 12px minmax(0, 1fr) 22px; align-items: center; gap: 10px; font-size: 13px; color: var(--mut); }
.rv-bar i { height: 6px; border-radius: 3px; background: #e9eef3; overflow: hidden; } .rv-bar s { display: block; height: 100%; border-radius: inherit; background: #ffb400; }
.rv-bar em { font-style: normal; text-align: right; font-variant-numeric: tabular-nums; }
.rv-a .rv-write { width: 100%; }
.rv #form-review { float: none; display: grid; gap: 12px; width: auto; padding: 0; box-shadow: none; text-align: left; }
.rv #review-title { display: none; }
.rv #form-review .elem, .rv #form-review .sbmt { margin: 0; padding: 0; }
.rv #form-review input[type="text"], .rv #form-review textarea { display: block; width: 100%; box-sizing: border-box; border: 1px solid #d4d2d2; border-radius: var(--btn-r); padding: 12px 14px; background: #fff; font-size: 15px; color: var(--ink); outline: none; }
.rv #form-review input[type="text"]:focus, .rv #form-review textarea:focus { border-color: var(--rvb); }
.rv #form-review textarea { min-height: 110px; resize: vertical; }
.rv .rating-stars { justify-content: flex-start; gap: 12px; max-width: none; margin: 0; font-size: 14px; color: var(--mut); }
.rv .rating-stars .rating { display: inline-flex; gap: 2px; }
.rv .rating-stars label { width: auto; height: auto; background: none !important; line-height: 1; }
.rv .rating-stars label::before { content: "★"; font-size: 26px; color: #ffb400; }
.rv .rating-stars label:hover + input + label::before, .rv .rating-stars label:hover + input + label + input + label::before, .rv .rating-stars label:hover + input + label + input + label + input + label::before, .rv .rating-stars label:hover + input + label + input + label + input + label + input + label::before, .rv .rating-stars input:checked + label + input + label::before, .rv .rating-stars input:checked + label + input + label + input + label::before, .rv .rating-stars input:checked + label + input + label + input + label + input + label::before, .rv .rating-stars input:checked + label + input + label + input + label + input + label + input + label::before { color: #d9e1e8; }
.rv .review-msg:empty { display: none; } .rv .review-msg { font-size: 14px; } .rv .review-msg.err { color: var(--sale); } .rv .review-msg.ok { color: #2e8b3d; }
.rv #button-review { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 28px; border: 0; border-radius: var(--btn-r); background: var(--rvb); color: #fff; font-size: 16px; font-weight: 700; }
.rv-a #button-review { width: 100%; }

/* ── Корзина ───────────────────────────────────────────────────────── */

 
  
 
 

 

  

 

 

 

/* ── Информационные страницы и оформление ──────────────────────────── */
html.tkd-r .contentblk { border-radius: var(--r-big); }
html.tkd-r #content .buttons .btn-primary { background: var(--btn) !important; border: 0 !important; border-radius: var(--btn-r) !important; }

/* ── Подвал ────────────────────────────────────────────────────────── */
.rf { background: var(--foot-bg); color: #fff; padding: 72px var(--gut) 0; margin-top: 0; }
.rf a { color: #fff !important; }

 
 

  

   

/* ── Шапки 6–10 ────────────────────────────────────────────────────── */
/* 6 «Воздух» */
  

  

 
 

/* 7 «Мягкие карточки» */

 
 

 

/* 8 «Фабрика» */
 

 
 

 

/* 9 «Фирменный градиент» */

 

 
 

 

 

 

/* 10 «Приложение» — меню слева на всю высоту */

  

}

/* Средние экраны */
@media (max-width: 1500px) and (min-width: 960px) {
	  
	
	 .rg-6 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	  
	  
	
	
	.rb { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	
	 
	
	.rr { grid-template-columns: 64px minmax(0, 1fr) 120px 40px 140px; gap: 12px; } 
	
	
	  
	
	.rp{ grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr); gap: 32px; }
	
	
	 
	
	  
}

/* Очень широкие экраны: больше столбцов — фото сайта (300 px) не растягиваются */
@media (min-width: 2200px) {
	.rg-6{ grid-template-columns: repeat(7, minmax(0, 1fr)); }
	
	
	
	
}

/* Похожие и просмотренные под товаром: сайт даёт им фото 200–276 px —
   карточки не шире ~230 px, иначе фото растягиваются */