/* WooCommerce integration only. The visual system is the unchanged premium stylesheet. */ [hidden]{display:none!important}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap} dialog.dialog-content{margin:0;color:var(--ink)}dialog:not([open]){display:none}dialog::backdrop{background:#11131799;backdrop-filter:blur(5px)}dialog .dialog-close{font-size:26px;width:30px;height:30px;line-height:1}body:has(dialog[open]){overflow:hidden}.cart-dialog>.button{width:100%;justify-content:center}.cart-dialog>.text-link{margin-top:16px} .woocommerce-Price-amount{white-space:nowrap}.product-card .woocommerce-Price-amount{font:inherit}.product-card .woocommerce-Price-amount bdi{font:inherit}.product-card .woocommerce-Price-currencySymbol{font:inherit} .quantity input{width:36px;border:0;background:transparent;text-align:center;font:inherit;appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap;padding:12px}.gallery-thumbs .gallery-thumb{width:64px;flex:0 0 64px;border:1px solid var(--line);padding:4px}.gallery-thumbs .gallery-thumb img{width:100%;height:54px;object-fit:contain}.gallery-thumb[aria-pressed=true]{border-color:var(--red)}.detail-image>.gallery-thumbs{background:var(--paper)}.detail-tabs [role=tabpanel] p+p{margin-top:16px}.detail-tabs [role=tabpanel] table{width:100%;border-collapse:collapse}.detail-tabs [role=tabpanel] td,.detail-tabs [role=tabpanel] th{padding:10px;border-bottom:1px solid var(--line);text-align:left} .pagination{display:flex;gap:10px;justify-content:center;margin-top:35px}.pagination .page-numbers{padding:10px 14px;border:1px solid var(--line);font-size:13px}.pagination .current{background:var(--ink);color:#fff}.category-description{margin-top:60px;font-size:14px;line-height:1.8}.category-description h2,.category-description h3{margin:22px 0 12px}.category-description p{margin:14px 0}.page-main{padding-block:60px 100px}.page-main .page-title{margin-bottom:35px} .page-main .woocommerce form .form-row{margin-bottom:18px}.page-main .woocommerce form .form-row label{display:block;font-size:12px;margin-bottom:8px}.page-main .woocommerce form .form-row input:not([type=checkbox]):not([type=radio]),.page-main .woocommerce form .form-row select,.page-main .woocommerce form .form-row textarea{width:100%;min-height:46px;padding:12px;border:1px solid var(--line);background:white;font-size:13px}.page-main .woocommerce form .form-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--red)}.page-main .woocommerce .shop_table{border-collapse:collapse;width:100%;font-size:13px}.page-main .woocommerce .shop_table th,.page-main .woocommerce .shop_table td{padding:15px 10px;text-align:left;border-bottom:1px solid var(--line)}.page-main .woocommerce .shop_table th{font-weight:550}.page-main .woocommerce .shop_table img{width:70px;height:70px;object-fit:contain}.page-main .woocommerce .shop_table .product-remove a{font-size:24px}.page-main .woocommerce .shop_table .qty{width:65px;border:1px solid var(--line);padding:8px}.page-main .woocommerce .button,.page-main .woocommerce button.button{background:var(--red);color:white;padding:15px 22px;display:inline-flex;align-items:center;border:0;font-size:12px}.page-main .woocommerce .cart-collaterals{display:flex;justify-content:flex-end;margin-top:35px}.page-main .woocommerce .cart_totals{width:min(460px,100%);padding:28px;background:#f0f0ed}.page-main .woocommerce .cart_totals h2{font-size:25px;margin-bottom:20px}.page-main .woocommerce .checkout-button{margin-top:20px}.page-main .woocommerce .coupon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.page-main .woocommerce .coupon input{border:1px solid var(--line);padding:10px}.page-main .woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);column-gap:44px}.page-main .woocommerce #customer_details{grid-row:1/4}.page-main .woocommerce #customer_details .col-1,.page-main .woocommerce #customer_details .col-2{float:none;width:100%}.page-main .woocommerce #order_review_heading{grid-column:2;margin:0 0 20px}.page-main .woocommerce #order_review{grid-column:2}.page-main .woocommerce #customer_details,.page-main .woocommerce #order_review{background:white;padding:28px;border:1px solid var(--line)}.page-main .woocommerce h3{font-size:23px;font-weight:550;margin:0 0 25px}.page-main .woocommerce #payment{margin-top:24px}.page-main .woocommerce .payment_methods{list-style:none;padding:0;margin:0 0 20px}.page-main .woocommerce .payment_box{font-size:12px;line-height:1.7;margin:10px 0 20px}.page-main .woocommerce .woocommerce-privacy-policy-text{font-size:11px;line-height:1.7;margin-bottom:20px}.page-main .woocommerce .trt-telegram-field{display:none}.page-main .woocommerce .woocommerce-error,.page-main .woocommerce .woocommerce-message,.page-main .woocommerce .woocommerce-info{padding:18px;background:#f0f0ed;border-left:3px solid var(--red);margin-bottom:24px;list-style:none;font-size:13px}.woocommerce-notices-wrapper:empty{display:none}.page-main .woocommerce .woocommerce-order-overview{padding:20px;line-height:2}.page-main .woocommerce .woocommerce-order h2{margin:30px 0 15px}.page-main .woocommerce .woocommerce-order p{line-height:1.8} @media(max-width:800px){.page-main .woocommerce form.checkout{display:block}.page-main .woocommerce #customer_details,.page-main .woocommerce #order_review{padding:18px}.page-main .woocommerce #order_review_heading{margin-top:30px}.page-main .woocommerce .shop_table{font-size:11px}.page-main .woocommerce .shop_table th,.page-main .woocommerce .shop_table td{padding:10px 5px}.page-main .woocommerce .product-thumbnail{display:none}.page-main .woocommerce .shop_table .qty{width:45px}.page-main .woocommerce .cart-collaterals{display:block}.page-main{padding-block:35px 65px}} .detail-tabs [role=tabpanel] table,.category-description table{min-width:0;table-layout:fixed;max-width:100%;width:100%}.detail-tabs [role=tabpanel] td,.detail-tabs [role=tabpanel] th,.category-description td,.category-description th{white-space:normal;overflow-wrap:anywhere}.catalog-layout>div{min-width:0}.pagination{flex-wrap:wrap}.detail-tabs [role=tabpanel]{overflow-wrap:anywhere}.detail-tabs [role=tabpanel] img{max-width:100%;height:auto} .detail-tabs td[style*="#d97706"]{color:#925005!important}.detail-tabs td[style*="#059669"]{color:#04734f!important} /* Таблицы WooCommerce (.shop_table — корзина, обзор заказа на чекауте, страница "Заказ получен", личный кабинет) могли вылезать за пределы экрана на мобильных: длинные названия товаров не переносились, table-layout:auto растягивал таблицу шире контейнера, а глобального overflow-x:hidden на body нет (жалоба пользователя 22.09.2026, скрин .woocommerce-checkout-review-order-table). Тот же приём уже применялся для таблиц характеристик товара (.detail-tabs [role=tabpanel] table выше) — перенос длинного текста внутри ячеек; плюс подстраховка через .shop_table-scroll (assets/js/premium.js оборачивает каждый .shop_table на странице) — таблица остаётся настоящей table (не ломается на карточки), но при необходимости скроллится сама, не раздвигая страницу. */ .page-main .woocommerce .shop_table{max-width:100%} .page-main .woocommerce .shop_table td,.page-main .woocommerce .shop_table th{overflow-wrap:anywhere;word-break:break-word} .shop_table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .map-section{padding-top:0;padding-bottom:100px}.map-section .section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.map-section .section-heading p{color:var(--muted);font-size:13px}.map-frame{border:1px solid var(--line);background:#ececea;overflow:hidden}.map-frame iframe{display:block;width:100%;min-height:400px;border:0}@media(max-width:600px){.map-section .section-heading{display:block}.map-frame iframe{min-height:320px}} .original-video-toggle{display:none!important} .company-hero,.contacts-hero{padding-top:72px!important;padding-bottom:56px!important}.company-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:44px}.company-intro div{padding:24px 20px 24px 0}.company-intro strong{display:block;font:500 clamp(26px,3vw,44px)/1 Inter,Arial,sans-serif}.company-intro span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.company-copy{display:grid!important;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-block:72px}.company-copy h2{font:500 clamp(32px,4vw,58px)/1.08 Inter,Arial,sans-serif;letter-spacing:-.035em;margin:16px 0}.company-copy p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 18px}.company-benefits{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.company-benefits article{background:var(--paper);min-height:250px;padding:26px}.company-benefits b{display:block;color:var(--red);font:600 12px Inter,Arial,sans-serif;letter-spacing:.1em}.company-benefits h3{font:550 18px/1.25 Inter,Arial,sans-serif;margin:52px 0 14px}.company-benefits p{color:var(--muted);font-size:12px;line-height:1.75;margin:0}.contact-details{padding-top:0!important;padding-bottom:72px!important}.contact-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.contact-detail-card{background:var(--paper);padding:48px}.contact-detail-card--dark{background:var(--ink);color:#fff}.contact-detail-card h2{font:500 clamp(32px,4vw,55px)/1.05 Inter,Arial,sans-serif;margin:28px 0 48px}.contact-detail-card h2 span{color:#96989e}.contact-detail-card .contact-phone{display:block;font:500 24px Inter,Arial,sans-serif;margin-bottom:12px}.contact-detail-card>a:not(.contact-phone){display:block;color:var(--muted);font-size:14px}.contact-detail-card--dark>a:not(.contact-phone){color:#c8c9cc}.contact-detail-card .contact-channels{display:flex;gap:18px;margin-top:48px;border-top:1px solid #42454a;padding-top:20px}.contact-detail-card .contact-channels a{color:inherit;font-size:12px}.detail-row{border-bottom:1px solid var(--line);padding:0 0 28px;margin-bottom:28px}.detail-row:last-child{border-bottom:0;margin-bottom:0}.detail-row .eyebrow{margin-bottom:16px}.detail-row strong{display:block;font:500 20px/1.4 Inter,Arial,sans-serif;max-width:520px}.detail-row p{color:var(--muted);font-size:13px;line-height:1.8;margin:14px 0 0}.detail-row .text-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:12px}.map-section{padding-bottom:72px}.map-section .section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.map-section .section-heading p{color:var(--muted);font-size:13px}@media(max-width:900px){.company-copy,.contact-details-grid{grid-template-columns:1fr}.company-benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.company-hero,.contacts-hero{padding-top:40px!important;padding-bottom:40px!important}.company-intro{grid-template-columns:1fr}.company-intro div{padding:18px 0}.company-benefits{grid-template-columns:1fr}.company-benefits article{min-height:0}.contact-detail-card{padding:28px 20px}.company-copy{gap:35px;padding-block:48px}.company-copy p{font-size:14px}.contact-details{padding-bottom:48px!important}.map-section{padding-bottom:48px}.map-section .section-heading{display:block}} .company-hero,.contacts-hero,.transmission-index-hero{min-height:0!important} /* Юридические страницы (/politica/, /publichnaya-oferta/) — переиспользует токены .category-description (шрифт/интервалы/таблица), плюс своя типографика заголовков, т.к. контент перенесён из блочного редактора старого сайта как h4/h5/p/ul/table. */ .legal-hero{padding-top:72px!important;padding-bottom:40px!important;min-height:0!important} .legal-content{max-width:860px;margin-top:12px;font-size:14px;line-height:1.8} .legal-content h4{font:550 22px/1.3 Inter,Arial,sans-serif;margin:0 0 18px} .legal-content h5{font:550 17px/1.35 Inter,Arial,sans-serif;margin:40px 0 14px} .legal-content p{margin:14px 0;color:var(--muted)} .legal-content ul{margin:8px 0 14px;padding-left:20px} .legal-content li{margin:6px 0;color:var(--muted)} .legal-content a{color:var(--ink);text-decoration:underline} .legal-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px} .legal-content th,.legal-content td{padding:10px;border:1px solid var(--line);text-align:left;vertical-align:top} .legal-content th{background:#f0f0ed;font-weight:550;width:32%} @media(max-width:600px){.legal-hero{padding-top:40px!important}.legal-content{font-size:13px}.legal-content table,.legal-content thead,.legal-content tbody,.legal-content th,.legal-content td,.legal-content tr{display:block}.legal-content th{width:auto;border-bottom:0}.legal-content td{border-top:0;margin-bottom:8px}} /* Мегаменю «Каталог» в шапке (header.php + inc/premium.php trt_catalog_menu_html(), добавлено 22.09.2026, доработано в тот же день по правкам пользователя: 1) без отступа от шапки и на всю ширину .container (переиспользует реальный класс .container внутри .cat-mega__inner — не дублирует его width-логику); 2) без border-radius — на сайте скруглений нигде нет; 3) акцентный красный вместо чёрного/серого; 4) .nav-item--cat — padding-block/отрицательный margin-block расширяет hover- зону вверх-вниз БЕЗ изменения видимой высоты пункта меню (margin гасит прирост padding в потоке) — раньше между ссылкой "Каталог" (она по центру 84px шапки, а не во всю её высоту) и панелью была "мёртвая" зона в несколько десятков пикселей, где курсор выходил из-под :hover раньше, чем успевал доехать до панели — панель закрывалась в момент наведения. */ .nav-item{position:static;display:flex;align-items:center} .nav-item--cat{padding-block:34px;margin-block:-34px} .cat-mega{position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;border-top:3px solid var(--red);box-shadow:0 28px 60px rgba(20,21,23,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s;z-index:60} .nav-item--cat:hover .cat-mega,.nav-item--cat:focus-within .cat-mega,.nav-item--cat.is-open .cat-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} .cat-mega__inner{padding-block:28px;color:var(--ink)} .cat-mega__all{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:2px;background:var(--red);color:#fff;transition:background .15s ease} .cat-mega__all:hover{background:#c00410;color:#fff!important} .cat-mega__all-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;background:rgba(255,255,255,.18);color:#fff} .cat-mega__all strong{display:block;font:550 15px/1.3 Inter,Arial,sans-serif} .cat-mega__all small{display:block;color:rgba(255,255,255,.75);font-size:12px;margin-top:3px;font-weight:400} .cat-mega__all>svg:last-child{margin-left:auto;flex:0 0 auto} .cat-mega__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px;background:var(--line)} .cat-mega__item{display:flex;flex-direction:column;gap:10px;background:#fff;padding:18px 20px;border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease} .cat-mega__item:hover{background:#fdf5f5;border-left-color:var(--red)} .cat-mega__item:hover .cat-mega__item-icon{color:var(--red)} .cat-mega__item-icon{color:var(--ink);transition:color .15s ease} .cat-mega__item-name{font:550 13px/1.3 Inter,Arial,sans-serif} .cat-mega__item-count{color:var(--muted);font-size:11px} .cat-mega__cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px;padding:18px 20px;background:var(--ink);color:#fff} .cat-mega__cta small{display:block;color:#b8b9bb;font-size:12px;margin-top:3px;font-weight:400} .cat-mega__cta>svg{flex:0 0 auto;color:var(--red)} @media(max-width:900px){.cat-mega{display:none!important}} /* Лендинг «Подбор по автомобилю → Audi/VW/Skoda» и «Запчасти для роботов» — переиспользует .transmission-grid/.transmission-card (см. front-page.php) и .detail-row/.contact-detail-card (см. page-kontakty.php), новых классов не требуют. */ /* Новые марки в существующем brands-grid (/podbor-zapchastei-akpp/, 22.09.2026) — логотипы, реальные файлы со старого сайта, никаких новых классов/секций не потребовалось: кнопки используют существующую вёрстку .brands-grid button (см. page-podbor-zapchastei-akpp.php, $trt_new_brands). */ /* CTA «Avito» внизу /podbor-zapchastei-akpp/ (22.09.2026) — ссылка/цель через trt_avito_attrs() (functions.php), кнопка — .button.green (тот же класс, что в сайдбаре каталога и footer). Без border-radius на самой плашке — тот же приём тёмной полосы, что .cat-mega__cta/.contact-section. */ .avito-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:28px 32px;background:var(--ink);color:#fff} .avito-cta strong{display:block;font:550 18px/1.3 Inter,Arial,sans-serif} .avito-cta span{display:block;color:#b8b9bb;font-size:13px;line-height:1.6;margin-top:6px;max-width:420px} .avito-cta .button{flex:0 0 auto} @media(max-width:600px){.avito-cta{padding:22px 20px}.avito-cta .button{width:100%;justify-content:center}} /* Вариант CTA «Avito» для карточки товара (22.09.2026, single-product.php, перед "Может пригодиться") — та же вёрстка .avito-cta, но в зелёном (просьба пользователя), а не в тёмном фирменном, как на /podbor-.../: тут это про конкретный товар в заявке, а не про переход в общий магазин, поэтому цвет специально другой — не путать с общим avito-cta. */ .avito-cta--green{background:#1fa350;margin-top:0;margin-bottom:16px} .avito-cta--green span{color:#d7f0e0} /* Единый поиск "Марка + Модель" (22.09.2026) — заменяет два