/* Список товаров категории (mod_radicalmart_category/table3.php): спокойный вид поверх встроенных стилей модуля.
   Радиус 6px, рамка 1px, без теней и зебры; оранжевым остаётся только «Отправить чертёж». Подключается из table3.php. */
html body .rm-products-view{--rcl-ink:#26282c;--rcl-mut:#6b6d71;--rcl-line:#e3e3df;--rcl-pan:#f4f4f1;--rcl-ok:#2f7a4a}

/* Переключатель вида */
html body .rm-products-view .rm-view-switcher{gap:0}
html body .rm-products-view .rm-view-switcher__btn{min-height:34px;padding:6px 14px;border:1px solid var(--rcl-line);border-radius:0;background:#fff;color:var(--rcl-mut);font-weight:600;font-size:13px;box-shadow:none}
html body .rm-products-view .rm-view-switcher__btn:first-child{border-radius:6px 0 0 6px}
html body .rm-products-view .rm-view-switcher__btn:last-child{border-radius:0 6px 6px 0;margin-left:-1px}
html body .rm-products-view .rm-view-switcher__btn:hover,html body .rm-products-view .rm-view-switcher__btn:focus-visible{border-color:var(--rcl-ink);color:var(--rcl-ink);box-shadow:none}
html body .rm-products-view .rm-view-switcher__btn[aria-pressed="true"]{background:var(--rcl-ink);border-color:var(--rcl-ink);color:#fff;box-shadow:none}

/* Общие части строки и карточки */
html body .rm-products-view .rm-title{color:var(--rcl-ink)}
html body .rm-products-view .rm-sizes{gap:2px 0}
html body .rm-products-view .rm-size{border:0;background:none;border-radius:0;padding:0;color:var(--rcl-mut);font-weight:500;font-size:13px;font-variant-numeric:tabular-nums}
html body .rm-products-view .rm-size:not(:last-child):after{content:"·";margin:0 6px}
html body .rm-products-view .rm-product-availability{color:var(--rcl-ok);font-size:13px;font-weight:600}
html body .rm-products-view .rm-product-availability__icon{display:none}
html body .rm-products-view .rm-product-availability--net-v-nalichii{color:var(--rcl-mut)}
html body .rm-products-view .finalprice strong{color:var(--rcl-ink);font-variant-numeric:tabular-nums}
html body .rm-products-view .rm-table .rm-cart-add{background:#fff;color:var(--rcl-ink);border:1px solid var(--rcl-ink);border-radius:6px;box-shadow:none;font-weight:600}
html body .rm-products-view .rm-table .rm-cart-add:hover,html body .rm-products-view .rm-table .rm-cart-add:focus-visible{background:var(--rcl-ink);color:#fff}
html body .rm-products-view .rm-table .rm-cart-add svg{display:none}

/* Краткая таблица */
@media (min-width:768px){
html body .rm-products-view.rm-products-view--simple .rm-table thead{background:none;border-radius:0;box-shadow:none}
html body .rm-products-view.rm-products-view--simple .rm-table thead th{padding:8px 18px!important;background:none;color:var(--rcl-mut);font-size:12px;font-weight:600;letter-spacing:0;border-bottom:1px solid var(--rcl-ink)!important}
html body .rm-products-view.rm-products-view--simple .rm-table tbody td{padding:12px 18px!important;background:#fff;border-bottom:1px solid var(--rcl-line)!important}
}
html body .rm-products-view.rm-products-view--simple .rm-table tbody tr:nth-child(even),html body .rm-products-view.rm-products-view--simple .rm-table tbody tr:nth-child(even) td{background:#fff}
html body .rm-products-view.rm-products-view--simple .rm-product-media img,html body .rm-products-view.rm-products-view--simple .rm-thumb-img{border-radius:4px;background:var(--rcl-pan)}

/* Плитка с фото */
html body .rm-products-view.rm-products-view--photo .rm-table tbody tr{border:1px solid var(--rcl-line);border-radius:6px;box-shadow:none;background:#fff;transform:none;transition:border-color .15s}
html body .rm-products-view.rm-products-view--photo .rm-table tbody tr:hover{border-color:var(--rcl-ink);background:#fff;box-shadow:none;transform:none}
html body .rm-products-view.rm-products-view--photo .rm-table tbody tr:hover td{background:none!important}
html body .rm-products-view.rm-products-view--photo .rm-table .rm-product-media{border-radius:4px;background:var(--rcl-pan)}
html body .rm-products-view.rm-products-view--photo .rm-table .rm-photo-img{border-radius:4px}
html body .rm-products-view.rm-products-view--photo .rm-table .rm-title{min-height:2.6em}

/* «Не нашли размер» */
html body .rm-products-view .rm-size-note{border:1px solid var(--rcl-line);border-radius:6px;background:#fff;box-shadow:none}
html body .rm-products-view .rm-size-note__icon{display:none}
html body .rm-products-view .rm-size-note__text strong{color:var(--rcl-ink)}
html body .rm-products-view .rm-size-note__btn{border-radius:6px;box-shadow:none}

/* Телефон: кнопка корзины — значок в белой рамке вместо оранжевого квадрата */
@media (max-width:767px){
html body .rm-products-view.rm-products-view--simple .rm-table .rm-cart-add{border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='19' r='1.6' fill='%2326282c'/%3E%3Ccircle cx='18' cy='19' r='1.6' fill='%2326282c'/%3E%3Cpath d='M3 4H5.2L7.1 13.2A1.2 1.2 0 0 0 8.3 14.2H18.2A1.2 1.2 0 0 0 19.4 13.3L21 8.2H8.1' fill='none' stroke='%2326282c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
}

/* Подсветка строки при наведении и касании: фон на всю строку (tr), ячейки прозрачные — на телефоне строка собрана сеткой,
   и фон на ячейках ложился «заплатками». Название подчёркнуто тонкой линией. Перекрывает бежевую из base-inline.css и mobile-ui.css. */
html body .rm-products-view.rm-products-view--simple .rm-table tbody tr{cursor:pointer;transition:background-color .15s}
html body .rm-products-view.rm-products-view--simple .rm-table tbody tr:hover,html body .rm-products-view.rm-products-view--simple .rm-table tbody tr:active{background:#f5f5f2!important;color:inherit!important}
html body .rm-products-view.rm-products-view--simple .rm-table tbody tr:hover td,html body .rm-products-view.rm-products-view--simple .rm-table tbody tr:active td{background:transparent!important}
html body .rm-products-view .rm-table tbody tr:hover .rm-title,html body .rm-products-view .rm-table tbody tr:active .rm-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html body .rm-products-view.rm-products-view--photo .rm-table tbody tr:active{border-color:var(--rcl-ink)}
/* Вся строка ведёт на товар: ссылка из ячейки названия растянута на строку; корзина и количество поверх неё */
html body .rm-products-view.rm-products-view--simple .rm-table tbody tr{position:relative}
html body .rm-products-view.rm-products-view--simple .rm-table .rm-product-cell>a:after{content:"";position:absolute;inset:0;z-index:1}
html body .rm-products-view.rm-products-view--simple .rm-table .rm-cart-cell{position:relative;z-index:2}