/* =============================================================================
 *  pdfed — дочерняя тема к Classic 2.2.0
 *
 *  Две задачи:
 *    1) стили лендинга на главной (классы pl-*);
 *    2) подгонка шапки, подвала и кнопок Classic под тот же вид, чтобы стык
 *       между лендингом и магазинными страницами не бросался в глаза.
 *
 *  Bootstrap НЕ подключается: Classic работает на Bootstrap 4 alpha 5,
 *  вторая версия фреймворка сломала бы корзину и оформление заказа.
 *  Здесь только собственный CSS на grid/flex.
 *
 *  Все классы лендинга начинаются с pl- (pdfed landing) — они не могут
 *  пересечься с классами Bootstrap и Classic.
 *
 *  Шрифт Manrope выбран потому, что поддерживает кириллицу и уже входит
 *  в зависимости Classic. Kanit из исходного шаблона New Age отпал —
 *  в нём нет кириллицы вообще.
 * ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');

:root {
    --pl-brand-1: #2563EB;
    --pl-brand-2: #7C3AED;
    --pl-ink: #16192B;
    --pl-ink-soft: #5A6178;
    --pl-line: #E4E7EF;
    --pl-bg: #FFFFFF;
    --pl-bg-soft: #F6F8FC;
    --pl-ok: #16A34A;
    --pl-err: #DC2626;
    --pl-radius: 14px;
    --pl-pill: 999px;
    --pl-shell: 1140px;
}

/* ── общий шрифт для всего магазина ──────────────────────────────────────── */
body,
body.lang-ru {
    font-family: Manrope, 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
    color: var(--pl-ink);
}

/* ── шапка Classic под наш стиль ─────────────────────────────────────────── */
#header {
    background: #fff;
    border-bottom: 1px solid var(--pl-line);
    box-shadow: none;
}

#header .header-nav {
    border-bottom: none;
    background: #fff;
    padding-top: 6px;
}

#header .header-top {
    background: #fff;
}

#header a {
    color: var(--pl-ink-soft);
}

#header a:hover {
    color: var(--pl-brand-1);
}

#header .header-top .menu > ul > li > a {
    font-weight: 600;
}

#_desktop_cart .header a,
#_desktop_user_info a {
    font-weight: 600;
}

/* ── подвал Classic под наш стиль ────────────────────────────────────────── */
.footer-container {
    background: #10131F;
    color: #A7AEC2;
    border-top: none;
    margin-top: 0;
    padding-top: 40px;
}

.footer-container a,
.footer-container li a,
.footer-container p,
.footer-container .h3,
.footer-container h3 {
    color: #A7AEC2;
}

.footer-container a:hover {
    color: #fff;
}

.footer-container .h3,
.footer-container h3,
.footer-container .myaccount-title {
    color: #fff;
    font-weight: 700;
}

/* ── кнопки магазина в фирменном виде ────────────────────────────────────── */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
    background: linear-gradient(135deg, var(--pl-brand-1) 0%, var(--pl-brand-2) 100%);
    border: none;
    border-radius: var(--pl-pill);
    padding: 11px 26px;
    font-weight: 700;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, var(--pl-brand-2) 0%, var(--pl-brand-1) 100%);
    color: #fff;
}

.btn-secondary,
.btn-tertiary {
    border-radius: var(--pl-pill);
    font-weight: 600;
}

/* =============================================================================
 *  ЛЕНДИНГ
 * ========================================================================== */
.pl-root,
.pl-root * {
    box-sizing: border-box;
}

.pl-root {
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Классы Classic добавляют отступы секции — на главной они мешают */
.page-home.pl-root {
    padding: 0;
    margin: 0;
    max-width: none;
}

.pl-shell {
    max-width: var(--pl-shell);
    margin: 0 auto;
    padding: 0 24px;
}

.pl-section {
    padding: 88px 0;
}

.pl-section--soft {
    background: var(--pl-bg-soft);
}

.pl-gradient {
    background: linear-gradient(135deg, var(--pl-brand-1) 0%, var(--pl-brand-2) 100%);
}

.pl-text-gradient {
    background: linear-gradient(135deg, var(--pl-brand-1) 0%, var(--pl-brand-2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ── типографика ─────────────────────────────────────────────────────────── */
.pl-root .pl-h1 {
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 20px;
    color: var(--pl-ink);
    text-transform: none;
}

.pl-root .pl-h2 {
    font-size: clamp(26px, 3.4vw, 40px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 14px;
    color: var(--pl-ink);
    text-transform: none;
}

.pl-root .pl-h3 {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--pl-ink);
    text-transform: none;
}

.pl-lead {
    font-size: clamp(16px, 1.6vw, 19px);
    color: var(--pl-ink-soft);
    margin: 0 0 32px;
}

.pl-muted {
    color: var(--pl-ink-soft);
    margin: 0;
}

.pl-small {
    font-size: 14px;
    color: var(--pl-ink-soft);
    margin: 0;
}

.pl-center { text-align: center; }
.pl-narrow { max-width: 680px; margin-left: auto; margin-right: auto; }
.pl-items-center { align-items: center; }
.pl-mb-18 { margin-bottom: 18px; }
.pl-mb-32 { margin-bottom: 32px; }
.pl-mb-40 { margin-bottom: 40px; }
.pl-mb-52 { margin-bottom: 52px; }

.pl-note {
    margin: 22px auto 0;
    max-width: 640px;
}

/* ── кнопки лендинга ─────────────────────────────────────────────────────── */
/* ВАЖНО: любое правило вида «.контейнер a { color: … }» обязано содержать
   :not(.pl-btn) — иначе оно перебьёт цвет кнопки, у него специфичность выше.
   Проверять при добавлении новых секций. */
.pl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font: inherit;
    font-weight: 700;
    font-size: 16px;
    padding: 14px 30px;
    border-radius: var(--pl-pill);
    border: 2px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: transform .12s ease, box-shadow .12s ease;
}

.pl-btn:active { transform: translateY(1px); }

.pl-root .pl-btn--primary {
    background: linear-gradient(135deg, var(--pl-brand-1) 0%, var(--pl-brand-2) 100%);
    color: #fff;
    box-shadow: 0 8px 22px rgba(37, 99, 235, .26);
}

.pl-root .pl-btn--primary:hover {
    color: #fff;
    box-shadow: 0 12px 30px rgba(37, 99, 235, .34);
}

.pl-root .pl-btn--ghost {
    background: transparent;
    color: var(--pl-ink);
    border-color: var(--pl-line);
}

.pl-root .pl-btn--ghost:hover {
    color: var(--pl-ink);
    border-color: var(--pl-ink-soft);
}

.pl-root .pl-btn--light {
    background: #fff;
    color: var(--pl-brand-1);
}

.pl-root .pl-btn--light:hover { color: var(--pl-brand-1); }

.pl-btn--block { width: 100%; }

/* ── герой ───────────────────────────────────────────────────────────────── */
.pl-hero { padding: 76px 0 64px; }

.pl-hero__grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 56px;
    align-items: center;
}

.pl-hero__cta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

/* Рамка окна вместо макета телефона из New Age: продаём программу для Windows */
.pl-window {
    border: 1px solid var(--pl-line);
    border-radius: var(--pl-radius);
    overflow: hidden;
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 25, 43, .12);
}

.pl-window__bar {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 11px 14px;
    background: var(--pl-bg-soft);
    border-bottom: 1px solid var(--pl-line);
}

.pl-window__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #D3D8E4;
}

.pl-window__title {
    margin-left: 8px;
    font-size: 13px;
    color: var(--pl-ink-soft);
    font-weight: 600;
}

.pl-window__body img {
    display: block;
    width: 100%;
    height: auto;
}

.pl-shot-stub {
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    background: repeating-linear-gradient(45deg, #F2F5FA, #F2F5FA 12px, #EAEFF7 12px, #EAEFF7 24px);
    color: var(--pl-ink-soft);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 20px;
}

/* ── сетки и карточки ────────────────────────────────────────────────────── */
.pl-grid { display: grid; gap: 22px; }
.pl-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pl-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.pl-prices {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}

.pl-card {
    background: #fff;
    border: 1px solid var(--pl-line);
    border-radius: var(--pl-radius);
    padding: 28px;
}

.pl-card__icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    font-size: 21px;
    color: #fff;
}

/* ── форматы ─────────────────────────────────────────────────────────────── */
.pl-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.pl-chip {
    border: 1px solid var(--pl-line);
    background: #fff;
    border-radius: var(--pl-pill);
    padding: 9px 20px;
    font-weight: 700;
    font-size: 15px;
}

/* ── тарифы ──────────────────────────────────────────────────────────────── */
.pl-price {
    position: relative;
    display: flex;
    flex-direction: column;
}

.pl-price--featured { border: 2px solid var(--pl-brand-1); }

.pl-price__badge {
    position: absolute;
    top: -13px;
    left: 28px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: var(--pl-pill);
}

.pl-price__sum {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--pl-ink);
}

.pl-price__list {
    list-style: none;
    margin: 20px 0 24px;
    padding: 20px 0 0;
    border-top: 1px solid var(--pl-line);
    display: grid;
    gap: 11px;
    flex: 1;
}

.pl-price__list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 15px;
    color: var(--pl-ink-soft);
}

.pl-tick {
    color: var(--pl-ok);
    font-weight: 800;
    flex: none;
}

/* ── шаги ────────────────────────────────────────────────────────────────── */
.pl-step__num {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 800;
    margin-bottom: 14px;
}

.pl-code {
    font-family: Consolas, 'Courier New', monospace;
    background: var(--pl-bg-soft);
    border: 1px solid var(--pl-line);
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 14px;
    display: inline-block;
    margin-top: 12px;
}

/* ── вопросы ─────────────────────────────────────────────────────────────── */
.pl-faq {
    max-width: 780px;
    margin: 0 auto;
}

.pl-faq details { border-bottom: 1px solid var(--pl-line); }

.pl-faq summary {
    cursor: pointer;
    list-style: none;
    padding: 20px 36px 20px 0;
    font-weight: 700;
    font-size: 17px;
    position: relative;
}

.pl-faq summary::-webkit-details-marker { display: none; }

.pl-faq summary::after {
    content: '+';
    position: absolute;
    right: 6px;
    top: 17px;
    font-size: 24px;
    font-weight: 400;
    color: var(--pl-ink-soft);
}

.pl-faq details[open] summary::after { content: '\2013'; }

.pl-faq p {
    margin: 0 0 20px;
    color: var(--pl-ink-soft);
}

/* ── финальный призыв ────────────────────────────────────────────────────── */
.pl-cta {
    color: #fff;
    text-align: center;
    padding: 84px 0;
}

.pl-root .pl-cta .pl-h2 { color: #fff; }

.pl-cta__lead {
    color: #fff;
    opacity: .92;
}

/* ── адаптив ─────────────────────────────────────────────────────────────── */
@media (max-width: 960px) {
    .pl-hero__grid,
    .pl-grid--3,
    .pl-grid--2 {
        grid-template-columns: 1fr;
    }

    .pl-section { padding: 60px 0; }
    .pl-hero { padding: 48px 0; }
}

/* Крупнее логотип в шапке — как в макете */
#_desktop_logo img, .header-top .logo, header .logo { width: auto !important; height: 50px !important; max-height: 50px !important; }
@media (max-width: 767px){ #_desktop_logo img, header .logo { height: 40px !important; } }

#_desktop_logo img, .header-top .logo, header .logo { max-width: none !important; width: auto !important; height: 50px !important; }
@media (max-width:767px){ #_desktop_logo img, header .logo { height: 40px !important; } }


/* ── Якорное меню в шапке (как в макете pl-nav) ── */
.header-top .header-top-right{ display:flex; align-items:center; justify-content:flex-end; gap:26px; }
#_desktop_top_menu .pl-headmenu{ display:flex; align-items:center; gap:24px; list-style:none; margin:0; padding:0; }
#_desktop_top_menu .pl-headmenu li{ margin:0; }
#_desktop_top_menu .pl-headmenu a:not(.pl-btn){ color:#5b6172; text-decoration:none; font-size:15px; font-weight:600; white-space:nowrap; }
#_desktop_top_menu .pl-headmenu a:not(.pl-btn):hover{ color:#16192B; }
/* на главной поиск прячем — в макете его нет */
.page-index #search_widget{ display:none !important; }
@media (max-width:991px){ #_desktop_top_menu .pl-headmenu{ display:none; } }

/* Кнопка Купить в шапке — синий овал (градиент) поверх id-правил темы */
#_desktop_top_menu .pl-headmenu a.pl-btn--primary{background:linear-gradient(135deg,#2563EB,#7C3AED)!important;color:#fff!important;padding:9px 20px!important;font-size:14px!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(37,99,235,.28);}
#_desktop_top_menu .pl-headmenu a.pl-btn--primary:hover{color:#fff!important;filter:brightness(1.05);}
/* Прилипающая шапка при прокрутке */
#header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 0 rgba(16,25,43,.06);}

/* Шапка: убрать «Свяжитесь с нами», у входа и корзины — только иконки */
#_desktop_contact_link,#contact-link{display:none!important;}
#_desktop_user_info .user-info a{font-size:0!important;}
#_desktop_user_info .user-info a i.material-icons{font-size:26px!important;}
#_desktop_cart .blockcart{font-size:0!important;}
#_desktop_cart .blockcart i.material-icons{font-size:26px!important;}

/* Убрать вход и корзину из шапки полностью */
#_desktop_user_info,#_desktop_cart{display:none!important;}

/* Прилипающая шапка — лёгкая прозрачность с размытием (как в макете) */
#header{background:rgba(255,255,255,.82)!important;backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);}

/* Чередование фона секций: обычные — белые, soft — серые */
#wrapper{background:#fff!important;}
.pl-hero,.pl-section:not(.pl-section--soft){background:#fff;}

/* Дочерние полосы шапки прозрачны, чтобы работало стекло #header */
#header .header-nav,#header .header-top{background:transparent!important;}

/* Полноширинные фоновые подложки секций (контейнер главной — на всю ширину, контент центрируется через .pl-shell) */
.page-index #wrapper > .container{max-width:100%!important;padding-left:0!important;padding-right:0!important;}
.page-index #content-wrapper.js-content-wrapper{padding-left:0!important;padding-right:0!important;}
.page-index #wrapper > .container > .row{margin-left:0!important;margin-right:0!important;}
.pl-shell{margin-left:auto!important;margin-right:auto!important;}

/* Контейнер главной — реально на всю ширину (переопределить фиксированную width) */
.page-index #wrapper > .container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
.pl-hero>.pl-shell,.pl-section>.pl-shell,.pl-cta>.pl-shell{max-width:1140px;padding-left:20px;padding-right:20px;}

/* CMS tables 23.07 */

.page-cms table{border-collapse:collapse;width:100%;margin:1.2em 0;font-size:.95em;}

.page-cms th,.page-cms td{border:1px solid #d5dbe4;padding:9px 13px;text-align:left;vertical-align:top;}

.page-cms thead th{background:#eef2f7;font-weight:600;}

.page-cms tbody tr:nth-child(even){background:#f7f9fc;}

/* ===== pdfed: clean product page (added by assistant) ===== */
#product .product-flags,
#product .social-sharing,
#product .oosnotifier,
#product .js-mailalert,
#product .product-additional-info,
#product .wishlist-button-add,
#product .tax-shipping-delivery-label,
#product .featured-products { display: none !important; }
body.product-id-20 .product-quantity .qty { display: none !important; }
#product .product-cover img { display: none; }
#product .product-cover {
  background: #EEF0FF; border-radius: 12px; min-height: 260px;
  display: flex; align-items: center; justify-content: center;
}
#product .product-cover::after {
  content: "PDF Editor"; color: #534AB7; font-size: 20px; font-weight: 600;
  letter-spacing: .3px;
}
#product .current-price .price { font-size: 28px; font-weight: 600; }
#product .product-description-short { margin-top: 12px; }
#product .product-description-short ul { padding-left: 0; list-style: none; margin: 8px 0 0; }
#product .product-description-short li { padding: 4px 0 4px 24px; position: relative; }
#product .product-description-short li::before {
  content: "\2713"; color: #1D9E75; font-weight: 700; position: absolute; left: 0;
}
#product .product-add-to-cart .btn { border-radius: 8px; }

/* =============================================================================
 *  КАРТОЧКА ТОВАРА — чистый вид
 *  Товар — виртуальная лицензия: длинное описание и отзывы на странице не нужны.
 *  Всё существенное показано кратким описанием с пунктами у кнопки «В корзину».
 *  Скрываем вкладки «Описание»/«Подробнее о товаре» (.tabs в .product-information)
 *  и блок комментариев модуля productcomments (id-шники #product-comments-list-*
 *  — прямые дети section#main — плюс модалки .product-comment-modal). (23.07.2026)
 * ========================================================================== */
.product-information .tabs { display: none !important; }

#product-comments-list-header,
#empty-product-comment,
#product-comments-list,
#product-comments-list-footer,
#product-comments-list-pagination,
.product-comment-modal { display: none !important; }

/* =============================================================================
 *  Фокус-рамка на ссылках/кнопках — только для клавиатуры (23.07.2026)
 *  Classic/Bootstrap задаёт a:focus{outline:-webkit-focus-ring-color auto 5px},
 *  и кольцо появлялось при обычном клике мышью. Убираем его для мыши/тача через
 *  :focus-visible, но ОСТАВЛЯЕМ для навигации с клавиатуры (Tab) — это доступность.
 * ========================================================================== */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.btn:focus:not(:focus-visible){outline:none!important;}

/* pdfed: minimal guest checkout - email only (23.07) */
body#checkout #customer-form .form-group.row:has(#field-firstname),
body#checkout #customer-form .form-group.row:has(#field-lastname),
body#checkout #customer-form .form-informations-title{display:none !important;}
body#checkout #customer-form .form-group.row:has([name="newsletter"]){display:none !important;}
body#checkout #customer-form .form-group.row:has([name="id_gender"]),
body#checkout #customer-form .form-group.row:has(#field-password),
body#checkout #customer-form .form-group.row:has(#field-birthday),
body#checkout #customer-form .form-group.row:has([name="optin"]){display:none !important;}

/* order-confirmation: hide Popular products (25.07) */
#order-confirmation .featured-products { display: none !important; }

/* all shop pages except home (25.07): hide search + single auth icon aligned with logo */
body:not(.page-index) #search_widget{display:none!important;}
body:not(.page-index) #_desktop_user_info{position:absolute!important;top:40px;right:0;transform:translateY(-50%);margin:0!important;z-index:6;display:inline-flex!important;align-items:center;}
body:not(.page-index) #_desktop_user_info .user-info a.account,body:not(.page-index) #_desktop_user_info .user-info a:not(:first-child){display:none!important;}
body:not(.page-index) #_desktop_user_info .user-info a{font-size:0!important;color:#5A6178;text-decoration:none;display:inline-flex;align-items:center;line-height:1;}
body:not(.page-index) #_desktop_user_info .user-info a i.material-icons{display:none!important;}
body:not(.page-index) #_desktop_user_info .user-info a::before{font-family:"Material Icons";font-size:26px;line-height:1;color:#5A6178;}
body:not(.page-index) #_desktop_user_info .user-info a[href*="/login"]::before{content:"\e853";}
body:not(.page-index) #_desktop_user_info .user-info a.logout::before{content:"\e879";}

/* account page: hide bare Sign out link in content (not header) (25.07) */
#content a[href*="logout"]{display:none!important;}

/* Order details page cleanup (25.07): hide address, invoice PDF, reorder, message form */
body#order-detail .addresses{display:none!important;}
body#order-detail .box:has(a[href*="pdf-invoice"]){display:none!important;}
body#order-detail a[href*="pdf-invoice"]{display:none!important;}
body#order-detail a[href*="submitReorder"]{display:none!important;}
body#order-detail .order-message-form{display:none!important;}

/* Order history page (25.07): hide Reorder links and Invoice column */
body#history a[href*="submitReorder"]{display:none!important;}
body#history .table-labeled thead th:nth-child(6){display:none!important;}
body#history .table-labeled tbody td:nth-child(6){display:none!important;}

/* checkout: hide added phone/company rows (email-only) 25.07 */
body#checkout #customer-form .form-group.row:has(#field-phone),
body#checkout #customer-form .form-group.row:has(#field-company){display:none!important;}

/* registration/identity: hide extra fields (26.07) */
#customer-form .form-group.row:has([name="id_gender"]),
#customer-form .form-group.row:has([name="birthday"]),
#customer-form .form-group.row:has([name="optin"]),
#customer-form .form-group.row:has([name="newsletter"]) { display: none !important; }

/* ===== order-confirmation: таблица «Информация о заказе» (26.07) =====
   Фото товара в рамке, название выделено, цена/количество/сумма выровнены
   по заголовкам, между позициями разделители. Разметку не трогаем — это
   стандартный шаблон classic (checkout/_partials/order-confirmation-table.tpl). */
#order-items{padding-left:0;padding-right:0}
#order-items > .row:first-child{margin-left:0;margin-right:0;border-bottom:1px solid #e5e7eb}
#order-items .card-title{font-size:12px;line-height:1.2;letter-spacing:.03em;color:#6b7280;text-transform:uppercase;margin:0;padding:0 0 10px}
.order-confirmation-table .order-line{margin-left:0;margin-right:0;padding:16px 0;border-bottom:1px solid #f1f2f4;align-items:center}
.order-confirmation-table .order-line:last-child{border-bottom:0}
.order-confirmation-table .order-line .image{display:block}
.order-confirmation-table .order-line img{display:block;width:100%;max-width:84px;height:auto;border:1px solid #e9ecef;border-radius:10px;background:#fff}
.order-confirmation-table .details{color:#111827;font-weight:600;line-height:1.35}
.order-confirmation-table .details a{color:#111827}
.order-confirmation-table .qty{color:#374151}
.order-confirmation-table .qty > .row > div{white-space:nowrap}
.order-confirmation-table .qty .bold{font-weight:700;color:#111827}
#order-items hr{margin:6px 0 10px;border-top:1px solid #e5e7eb}
#order-items table{width:100%}
#order-items table td{padding:9px 6px;border:0}
#order-items table td:last-child{text-align:right;white-space:nowrap}
#order-items table tr.total-value td{font-size:16px;background:#f7f8fa}
@media (max-width:767px){
  .order-confirmation-table .order-line{padding:12px 0}
  .order-confirmation-table .order-line img{max-width:64px}
  .order-confirmation-table .details{padding-left:0}
  .order-confirmation-table .qty{margin-top:10px}
  .order-confirmation-table .qty > .row > div{font-size:14px}
}

/* ===== у товаров появилось фото (26.07) — снимаем текстовую заглушку =====
   Раньше вместо картинки на карточке товара рисовалась надпись «PDF Editor»
   (#product .product-cover img{display:none} + ::after), потому что фото не
   было. Теперь коробка загружена, показываем её. */
#product .product-cover img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:12px}
#product .product-cover::after{content:none}
#product .product-cover{background:transparent;min-height:0}

/* заглушку «PDF Editor» дублирует инлайновый <style> в footer.tpl — он идёт
   после подключения custom.css, поэтому здесь нужен !important */
#product .product-cover img{display:block !important;max-width:100% !important;height:auto !important;margin:0 auto !important;border-radius:12px}
#product .product-cover::after{content:none !important}
#product .product-cover{background:transparent !important;min-height:0 !important}

/* ===== страницы разделов: шапка как на главной (27.07) =====
   На неглавных страницах тема выносит иконку входа абсолютом вправо вверх,
   и она налезает на кнопку «Купить» в нашем меню. На лендинге эта иконка
   скрыта — делаем так же для страниц /vozmozhnosti/. */
body.pdfed-seopage #_desktop_user_info,
body.pdfed-seopage #_desktop_cart { display: none !important; }