/* PC-SOFT — карточка товара. Утверждено 31.07.2026: раскладка В4, пять звёзд, экономия галочкой. */
.pcac{
--ac-ink:#101828; --ac-ink2:#475467; --ac-muted:#667085; --ac-soft:#98a2b3;
--ac-line:#e6e8ee; --ac-line2:#f1f3f7; --ac-blue:#2456f0; --ac-blue-d:#1b46cc; --ac-blue-bg:#f5f8ff;
--ac-ok:#027a48; --ac-ok-bg:#ecfdf3; --ac-ok-bd:#a7f3d0;
container-type:inline-size;color:var(--ac-ink);font-variant-numeric:tabular-nums}
.pcac *{box-sizing:border-box}
.pcac-crumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:13px;color:var(--ac-muted);padding:16px 0 18px}
.pcac-crumbs a{color:var(--ac-muted);text-decoration:none}
.pcac-crumbs a:hover{color:var(--ac-blue)}
.pcac-crumbs .is-cur{color:var(--ac-soft)}
/* первый экран — В4 */
.pcac-hero{display:grid;grid-template-columns:minmax(0,1fr) 606px;gap:34px;align-items:stretch;padding:4px 0 14px}
@container (max-width:1080px){.pcac-hero{grid-template-columns:1fr;gap:26px}}
.pcac-left{display:flex;flex-direction:column;gap:16px}
.pcac-gal{flex:1;display:flex}
.pcac-gal img{width:100%;height:100%;object-fit:cover;border-radius:18px;border:1px solid var(--ac-line)}
@container (max-width:1080px){.pcac-gal img{height:auto;object-fit:contain}}
.pcac-facts{border:1px solid var(--ac-line);border-radius:16px;padding:18px 22px}
.pcac-facts h4{margin:0 0 11px;font-size:13.5px;font-weight:600}
.pcac-facts h4 + ul{margin-bottom:16px}
.pcac-facts h4.next{margin-top:4px;padding-top:16px;border-top:1px solid var(--ac-line2)}
.pcac-facts ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.pcac-facts li{position:relative;padding-left:17px;font-size:13.5px;line-height:1.5;color:var(--ac-ink2)}
.pcac-facts li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--ac-blue)}
.pcac .pcac-main h1{margin:0 0 12px;font-size:29px;line-height:1.22;font-weight:800;letter-spacing:-.022em}
.pcac-sub{margin:0 0 18px;font-size:15.5px;line-height:1.6;color:var(--ac-ink2);max-width:62ch}
.pcac-buy{border:1px solid var(--ac-line);border-radius:18px;padding:22px 24px;background:#fff}
.pcac-price-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.pcac-price-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pcac-now{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:34px}
.pcac-old{font-size:20px;line-height:34px;color:#b3bac8;text-decoration:line-through;font-weight:500}
.pcac-off{display:inline-flex;align-items:center;height:34px;background:#f04438;color:#fff;border-radius:22px;
padding:0 15px;font-size:14px;font-weight:700}
.pcac-save{display:inline-flex;align-items:center;height:34px;color:var(--ac-ok);font-size:15px;font-weight:600;margin-left:auto}
.pcac-save:before{content:"✓";font-weight:700;margin-right:6px;font-size:15px}
.pcac-rate{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14.5px;color:var(--ac-ink2);margin:14px 0 0}
.pcac-stars{color:#fdb022;font-size:15px;letter-spacing:1.5px;line-height:1}
.pcac-rate b{color:var(--ac-ink);font-weight:600}
.pcac-dot{color:#cbd2e0}
.pcac-reviews{color:var(--ac-ink2);text-decoration:underline;text-decoration-color:#cbd2e0;text-underline-offset:3px}
.pcac-reviews:hover{color:var(--ac-blue)}
.pcac-sold{color:var(--ac-ink2)}
.pcac-btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:20px;border-radius:12px;
font-weight:600;font-size:15px;line-height:1;font-family:inherit;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background .15s}
.pcac-btn--buy{background:var(--ac-blue);color:#fff}
.pcac-btn--buy:hover{background:var(--ac-blue-d);color:#fff}
.pcac-btn[disabled]{opacity:.5;cursor:default}
.pcac-note{margin:12px 0 0;font-size:12px;color:var(--ac-muted);line-height:1.5}
.pcac-bens{margin-top:20px;padding-top:16px;border-top:1px solid var(--ac-line2);display:grid;gap:12px;
font-size:13px;color:var(--ac-ink2);line-height:1.55}
.pcac-bens b{color:var(--ac-ink);font-weight:600}
.pcac-specs{width:100%;border-collapse:collapse;font-size:14px;margin-top:26px}
.pcac-specs td{padding:13px 0;border-bottom:1px solid var(--ac-line2);vertical-align:top;line-height:1.5}
.pcac-specs tr:last-child td{border-bottom:0}
.pcac-specs td:first-child{color:var(--ac-muted);width:44%;padding-right:20px}
.pcac-specs td:last-child{text-align:right;font-weight:500}
.pcac-specs a{color:var(--ac-blue);text-decoration:none;font-weight:600}
/* секции */
.pcac-sec{padding:44px 0;border-top:1px solid var(--ac-line2)}
.pcac-sec h2{margin:0 0 8px;font-size:20px;font-weight:700;letter-spacing:-.012em}
.pcac-h2sub{margin:0 0 22px;font-size:14px;color:var(--ac-muted)}
.pcac-short{background:var(--ac-blue-bg);border-radius:14px;padding:18px 22px;margin-bottom:16px}
.pcac-short b{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.pcac-short p{margin:0;font-size:14px;color:var(--ac-ink2);line-height:1.6}
.pcac-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@container (max-width:860px){.pcac-tiles{grid-template-columns:1fr}}
.pcac-tile{border:1px solid var(--ac-line);border-radius:14px;padding:20px 22px}
.pcac-tile b{display:block;font-weight:600;font-size:15px;margin-bottom:9px}
.pcac-tile p{margin:0;font-size:14px;color:var(--ac-ink2);line-height:1.65}
.pcac-outro{margin:14px 0 0;background:var(--ac-blue-bg);border-radius:12px;padding:13px 18px;font-size:13.5px;color:var(--ac-ink2)}
.pcac-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@container (max-width:860px){.pcac-steps{grid-template-columns:1fr}}
.pcac-steps > div{border:1px solid var(--ac-line);border-radius:14px;padding:20px 22px}
.pcac-steps b{display:block;font-weight:600;font-size:15px;margin-bottom:9px}
.pcac-steps span{font-size:14px;color:var(--ac-ink2);line-height:1.65}
/* аккордеон */
.pcac-faq{display:grid;gap:8px;max-width:900px}
.pcac-faq details{border:1px solid transparent;border-radius:16px;background:#fafbfd;overflow:hidden;transition:background .18s,border-color .18s}
.pcac-faq details:hover{background:#f5f7fb}
.pcac-faq details[open]{background:#fff;border-color:var(--ac-line)}
.pcac-faq summary{display:flex;align-items:flex-start;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;
font-weight:600;font-size:15px;line-height:1.45}
.pcac-faq summary::-webkit-details-marker{display:none}
.pcac-pm{margin-left:auto;flex:none;width:20px;height:20px;position:relative;margin-top:2px;transition:transform .22s cubic-bezier(.4,0,.2,1)}
.pcac-pm:before,.pcac-pm:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.8px;border-radius:2px;
background:var(--ac-soft);transition:background .18s}
.pcac-pm:before{transform:translate(-50%,-50%)}
.pcac-pm:after{transform:translate(-50%,-50%) rotate(90deg)}
.pcac-faq details[open] .pcac-pm{transform:rotate(135deg)}
.pcac-faq details[open] .pcac-pm:before,.pcac-faq details[open] .pcac-pm:after{background:var(--ac-ink)}
.pcac-ans{padding:0 60px 20px 22px;color:var(--ac-ink2);font-size:14.5px;line-height:1.7}
/* «часто берут вместе» */
.pcac-cross{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@container (max-width:860px){.pcac-cross{grid-template-columns:1fr}}
.pcac-pcard{border:1px solid var(--ac-line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.pcac-pcard-img{display:block;aspect-ratio:4/3;background:#f8fafc;border-bottom:1px solid var(--ac-line2);
display:flex;align-items:center;justify-content:center;padding:14px}
.pcac-pcard-img img{max-height:100%;width:auto;border-radius:6px}
.pcac-pcard-t{display:block;padding:14px 16px 0;font-weight:600;font-size:14px;line-height:1.35;text-decoration:none}
.pcac-pcard-t:hover{color:var(--ac-blue)}
.pcac-pcard-w{margin:6px 16px 0;font-size:12px;color:var(--ac-muted);line-height:1.5;flex:1}
.pcac-pcard-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 16px}
.pcac-pcard-p{font-weight:700;font-size:16px}
.pcac-pcard-buy{background:var(--ac-blue);color:#fff;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none}
.pcac-pcard-buy:hover{background:var(--ac-blue-d);color:#fff}
/* SEO-блок */
.pcac-seo{padding:40px 0 10px;border-top:1px solid var(--ac-line2)}
.pcac-seo h2{margin:0 0 16px;font-size:20px;font-weight:700}
.pcac-seo h3{margin:30px 0 12px;font-size:17px;font-weight:600}
.pcac-seo p{margin:0 0 13px;font-size:15px;color:var(--ac-ink2);line-height:1.8}
.pcac-seo ul{margin:0 0 13px;padding-left:22px;font-size:15px;color:var(--ac-ink2);line-height:1.85}
.pcac-seo-body{max-height:300px;overflow:hidden;position:relative}
.pcac-seo-body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;
background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.85) 55%,#fff 100%);pointer-events:none}
.pcac-seo-body.is-open{max-height:none}
.pcac-seo-body.is-open:after{display:none}
.pcac-seo-more{display:flex;justify-content:center;margin-top:-14px;position:relative;z-index:1}
.pcac-seo-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--ac-line);background:#fff;color:var(--ac-ink);
font-weight:600;font-size:14px;line-height:1;font-family:inherit;cursor:pointer;padding:12px 26px;border-radius:26px;transition:border-color .15s,color .15s}
.pcac-seo-toggle:hover{border-color:var(--ac-blue);color:var(--ac-blue)}
.pcac-seotab{width:100%;border-collapse:collapse;margin:14px 0 16px;font-size:13.5px}
.pcac-seotab th{text-align:left;font-weight:600;font-size:12.5px;color:var(--ac-muted);padding:0 12px 8px 0;border-bottom:1px solid var(--ac-line)}
.pcac-seotab td{padding:9px 12px 9px 0;border-bottom:1px solid var(--ac-line2);color:var(--ac-ink2)}
.pcac-seotab tr.is-me td{color:var(--ac-ink);font-weight:600;background:var(--ac-blue-bg)}
.pcac-seotab tr.is-me td:first-child{box-shadow:inset 3px 0 0 var(--ac-blue);padding-left:11px}
.pcac-reviews-sec{padding-top:6px}
/* состав пакета */
.pcac-apps{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
@container (max-width:900px){.pcac-apps{grid-template-columns:repeat(4,1fr)}}
.pcac-app{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--ac-line2);
border-radius:11px;padding:11px 3px;font-size:10.5px;color:var(--ac-ink2);text-align:center}
.pcac-app i{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;
color:#fff;font-weight:700;font-size:12.5px;font-style:normal}
/* сравнение версий */
.pcac-cmpwrap{overflow-x:auto;margin-top:6px}
.pcac-cmp{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.pcac-cmp thead th{padding:0 0 18px;font-weight:400;vertical-align:bottom}
.pcac-cmp thead th:first-child{text-align:left;font-size:13px;color:var(--ac-muted);font-weight:600}
.pcac-cmp thead th.c{text-align:center;width:22%}
.pcac-pill{display:inline-block;border-radius:22px;padding:7px 18px;font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap}
.pcac-pill-a{background:#0e9384}
.pcac-pill-b{background:#e07c24}
.pcac-pill-c{background:var(--ac-blue)}
.pcac-cmp tbody td{padding:15px 12px;border-top:1px solid var(--ac-line2);text-align:center;color:var(--ac-ink2)}
.pcac-cmp tbody td:first-child{text-align:left;color:var(--ac-muted);padding-left:0;width:34%}
.pcac-cmp td.me{background:var(--ac-blue-bg);color:var(--ac-ink);font-weight:600}
.pcac-ok{color:var(--ac-ok);font-weight:700}
.pcac-no{color:#cbd2e0}
.pcac-seo-toggle svg{width:14px;height:14px;transition:transform .22s}
.pcac-seo-toggle.is-open svg{transform:rotate(180deg)}
.pcac-warn{background:#fffaeb;border:1px solid #fedf89;border-radius:14px;padding:18px 22px;font-size:14.5px;
color:#b54708;line-height:1.7;margin:6px 0 18px}
.pcac .pcac-main h1{font-size:29px;line-height:1.22}
.pcac .pcac-sub{font-size:15.5px;line-height:1.6}
/* карточка живёт на белом фоне, как в макете */
body.single-product,body.pcsoft-storefront--product{background:#fff !important}
.pcsoft-storefront--product .pcsoft-main{background:#fff}
.pcac-dl{display:inline-flex;align-items:center;gap:7px;background:var(--ac-blue-bg);border:1px solid #dbe4ff;color:var(--ac-blue);
border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600;text-decoration:none}
.pcac-dl:hover{background:var(--ac-blue);color:#fff;border-color:var(--ac-blue)}
.pcac-dl svg{width:14px;height:14px;flex:none}
/* ─── типографика: лестница весов Golos (эталон pcsoft-shrift-golos-etalon) ─── */
.pcac h2,.pcac .pcac-sec h2{font-size:20px !important;font-weight:700 !important;letter-spacing:-.012em}
.pcac h3{font-weight:600 !important}
.pcac .pcac-seo h2{font-size:20px !important}
.pcac .pcac-seo h3{font-size:17px !important;font-weight:600 !important}
.pcac .pcac-facts h4{font-weight:600 !important;font-size:13.5px !important}
.pcac .pcac-specs td:last-child{font-weight:500 !important}
.pcac .pcac-tile b,.pcac .pcac-steps b{font-weight:600 !important}
.pcac .pcac-bens b{font-weight:600 !important}
.pcac .pcac-faq summary{font-weight:600 !important}
.pcac .pcac-sub{font-weight:400 !important}
.pcac-stars--empty{color:#cbd2e0}
/* экономия остаётся в строке с ценой, как в макете */
.pcac-price-head{flex-wrap:nowrap;align-items:flex-start}
.pcac-price-head > div:first-child{min-width:0}
.pcac-save{flex:none;white-space:nowrap}
@container (max-width:520px){.pcac-price-head{flex-wrap:wrap}}
/* ─── отступы заголовков: глобальный reset витрины обнуляет margin — возвращаем как в макете ─── */
.pcac .pcac-main h1{margin:0 0 12px !important}
.pcac .pcac-sub{margin:0 0 18px !important}
.pcac .pcac-sec h2{margin:0 0 8px !important}
.pcac .pcac-h2sub{margin:0 0 22px !important}
.pcac .pcac-seo h2{margin:0 0 16px !important}
.pcac .pcac-seo h3{margin:30px 0 12px !important}
.pcac .pcac-seo p{margin:0 0 13px !important}
.pcac .pcac-seo ul{margin:0 0 13px !important}
.pcac .pcac-short{margin:0 0 16px !important}
.pcac .pcac-short b{margin:0 0 6px !important}
.pcac .pcac-short p{margin:0 !important}
.pcac .pcac-tile b,.pcac .pcac-steps b{margin:0 0 9px !important;display:block}
.pcac .pcac-tile p{margin:0 !important}
.pcac .pcac-facts h4{margin:0 0 11px !important}
.pcac .pcac-facts h4.next{margin-top:4px !important}
.pcac .pcac-outro{margin:14px 0 0 !important}
.pcac .pcac-crumbs{padding:16px 0 18px !important}
/* подпись под значением в таблице сравнения */
.pcac-sm{display:block;font-size:12px;color:var(--ac-muted);font-weight:400;margin-top:2px}
.pcac .pcac-reviews{text-decoration:underline !important;text-decoration-color:#cbd2e0 !important;text-underline-offset:3px}
.pcac .pcac-reviews:hover{color:var(--ac-blue);text-decoration-color:var(--ac-blue) !important}
/* отзывы: секция витрины вложена в наш шелл — убираем двойные отступы */
.pcac-reviews-sec{padding:44px 0 0;border-top:1px solid var(--ac-line2);margin-top:44px}
.pcac-reviews-sec .pcsoft-section{padding:0 !important}
.pcac-reviews-sec .pcsoft-shell{padding:0 !important;max-width:none !important}
/* обложка кросс-селла: жёсткая высота через padding-hack — aspect-ratio растягивался контентом */
.pcac-pcard-img{position:relative;display:block;height:0;padding:72% 0 0;overflow:hidden}
.pcac-pcard-img img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain;margin:auto}
/* ============================================================
Приведение к макету 64, раскладка B4.
============================================================ */
/* Кнопка покупки: в макете 600/14.5, высота 47, зазор от плиток 18px
(у .pct-tiles снизу 12px, значит кнопке остаётся 6px). */
.pcac .pcac-btn{font-size:14.5px;height:47px;margin-top:6px}
/* Форма отзыва: подпись 12.5, кнопка 600/14 — по лестнице Golos
второстепенная кнопка не тяжелее 600. */
.pcac .pcrev-rf-hint{font-size:12.5px}
.pcac .pcrev-rf-send{font-weight:600;font-size:14px}
/* --- «Часто берут вместе»: сетка на 4 карточки ---
Высота обложки фиксируется через padding-top, а не aspect-ratio:
на flex-контейнере aspect-ratio растягивается контентом и обложка
уезжает в натуральную величину. */
.pcac .pcac-cross{grid-template-columns:repeat(4,1fr);gap:14px}
.pcac .pcac-pcard-img{
position:relative;display:block;height:0;padding-top:72%;
aspect-ratio:auto;overflow:hidden;background:#f8fafc;
border-bottom:1px solid var(--ac-line2)}
.pcac .pcac-pcard-img img{
position:absolute;top:0;left:0;width:100%;height:100%;
max-height:none;object-fit:contain;padding:12px;box-sizing:border-box}
.pcac .pcac-pcard-t{padding:13px 14px 0;font-size:14px;line-height:1.3}
.pcac .pcac-pcard-w{margin:5px 14px 0;font-size:12px;line-height:1.4}
.pcac .pcac-pcard-row{padding:11px 14px 14px}
.pcac .pcac-pcard-p{font-size:16px}
@container (max-width:1000px){.pcac .pcac-cross{grid-template-columns:repeat(2,1fr)}}
@container (max-width:520px){.pcac .pcac-cross{grid-template-columns:1fr}}
/* Блок отзывов приходит из витрины в собственной обёртке .pcsoft-shell
с max-width:900px и авто-полями. Внутри карточки это давало сдвиг
вправо на 160px: все секции начинались с 146px, а отзывы — с 306px.
В макете блок отзывов идёт во всю ширину и по левому краю. */
.pcac .pcac-reviews-sec .pcsoft-shell{
max-width:none;width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.pcac .pcac-reviews-sec .pcsoft-section{padding-left:0;padding-right:0}
.pcac .pcrev{max-width:none;margin-left:0;margin-right:0;width:100%}
/* ============================================================
Правка по замечаниям владельца 31.07.2026, вечер.
Golos кладёт примерно на 4.5 % больше краски, чем Inter,
поэтому вёрстка, посчитанная по номерам весов, читается
тяжелее задуманного. Опускаем на ступень всё крупное.
============================================================ */
/* заголовок и цены */
.pcac .pcac-main h1{font-weight:700}
.pcac .pcac-now{font-weight:600}
.pcac .pcac-sec h2,
.pcac .pcac-seo h2{font-weight:600}
/* воздух под заголовками: 8px при кегле 20 читается как слипание */
.pcac .pcac-sec h2{margin:0 0 14px}
.pcac .pcac-h2sub{margin:0 0 26px}
.pcac .pcac-seo h2{margin:0 0 18px}
.pcac .pcac-seo h3{margin:32px 0 14px}
/* плашка под заголовком «Что входит в подписку» — без слова «Коротко» */
.pcac .pcac-short{margin:0 0 18px}
.pcac .pcac-short p{margin:0}
/* ============================================================
v018. Выше по файлу лежат правила с !important от прошлых
итераций — без него новые значения проигрывают каскаду.
Именно поэтому в v017 сменились только h1 и цена, а заголовки
секций остались 700 с отбивкой 8px.
============================================================ */
/* веса: ещё ступень вниз по просьбе владельца */
.pcac .pcac-main h1{font-weight:600 !important}
.pcac h2,
.pcac .pcac-sec h2,
.pcac .pcac-seo h2{font-weight:600 !important}
.pcac .pcac-now{font-weight:600 !important}
/* воздух под заголовками */
.pcac .pcac-sec h2{margin:0 0 14px !important}
.pcac .pcac-h2sub{margin:0 0 26px !important}
.pcac .pcac-seo h2{margin:0 0 18px !important}
.pcac .pcac-seo h3{margin:32px 0 14px !important}
.pcac .pcac-short{margin:0 0 18px !important}
/* Кнопка «Купить» в кросс-селле: правило витрины
.pcsoft-storefront a{color:inherit} идёт позже и специфичнее,
поэтому текст наследовал почти чёрный вместо белого. */
.pcac .pcac-pcard-buy,
.pcac .pcac-pcard-buy:hover,
.pcac .pcac-pcard-buy:focus{color:#fff !important}
/* ============================================================
Состояние «в корзине»: зелёная кнопка в две строки.
Зелёный берём существующий #027a48 — тот же, что у экономии
и плашки «выгоднее всего», чтобы не плодить второй оттенок.
Вторая строка «Перейти» добавляется через ::after: скрипт
витрины собирает подпись как ✓В корзине
и общий для всего сайта — трогать его ради одной карточки не нужно.
Клик в этом состоянии уже уходит на cartUrl, так что подпись честная.
============================================================ */
.pcac .pcac-btn--buy.is-added{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
justify-content:center !important;
column-gap:9px !important;
row-gap:0 !important;
height:auto !important;
min-height:47px !important;
padding:6px 0 7px !important;
line-height:1.1 !important;
background:#027a48 !important;
border-color:#027a48 !important;
color:#fff !important;
}
.pcac .pcac-btn--buy.is-added:hover{ background:#036b3f !important; }
/* галочка больше не липнет к тексту — отбивка задана column-gap */
.pcac .pcac-btn--buy.is-added .pcsoft-button__icon{
font-size:15px !important;
line-height:1 !important;
margin:0 !important;
}
.pcac .pcac-btn--buy.is-added::after{
content:'Перейти';
flex-basis:100%;
text-align:center;
font-weight:400;
font-size:12.5px;
line-height:1.2;
margin-top:3px;
color:rgba(255,255,255,.88);
}
/* ============================================================
Ряд покупки: счётчик количества + кнопка.
До добавления счётчика нет, кнопка во всю ширину — как было.
После добавления счётчик появляется слева, ровно на месте
синей кнопки: высота ряда не меняется, ничего не съезжает.
============================================================ */
.pcac .pcac-buyrow{display:flex;align-items:stretch;gap:10px;margin-top:6px}
.pcac .pcac-buyrow .pcac-btn{flex:1 1 auto;margin-top:0 !important}
.pcac .pcac-qty{display:none}
.pcac .pcac-buyrow.is-added .pcac-qty{
display:flex;align-items:center;flex:0 0 auto;
border:1px solid var(--ac-line);border-radius:12px;background:#fff;
height:47px;overflow:hidden}
.pcac .pcac-qty.is-busy{opacity:.55;pointer-events:none}
.pcac .pcac-qty__btn{
width:38px;height:100%;border:0;background:transparent;cursor:pointer;
font-family:inherit;font-size:19px;font-weight:400;line-height:1;
color:var(--ac-ink);display:flex;align-items:center;justify-content:center;
transition:background .15s}
.pcac .pcac-qty__btn:hover{background:#f2f5fa}
.pcac .pcac-qty__val{
width:34px;height:100%;border:0;background:transparent;text-align:center;
font-family:inherit;font-size:15px;font-weight:600;color:var(--ac-ink);
font-variant-numeric:tabular-nums;padding:0}
.pcac .pcac-qty__val:focus{outline:none}
/* «Перейти» центрируется под «В корзине»: галочку убрали, иначе она
сдвигает первую строку вправо и подписи перестают быть на одной оси.
Цвет и так говорит, что товар добавлен. */
.pcac .pcac-btn--buy.is-added{column-gap:0 !important}
.pcac .pcac-btn--buy.is-added .pcsoft-button__icon{display:none !important}
@container (max-width:520px){
.pcac .pcac-buyrow{flex-wrap:wrap}
.pcac .pcac-buyrow.is-added .pcac-qty{flex:1 1 100%;justify-content:center}
}
/* Строка рейтинга теперь самостоятельный блок под ценой, а не часть
левой колонки: ширина всегда полная, «400+ продаж» не переносится
при длинных суммах экономии (24 месяца). Отступ перенесён с неё
на сам блок, чтобы вертикальный ритм не изменился. */
.pcac .pcac-price-head{align-items:flex-start}
.pcac .pcac-rate{margin:14px 0 0;flex-wrap:nowrap;white-space:nowrap}
@container (max-width:560px){
.pcac .pcac-rate{flex-wrap:wrap;white-space:normal}
}
/* ============================================================
Обложки в «Часто берут вместе» — целиком, без обрезки и рамки.
Было: коробка 72% (почти альбомная) + серая заливка + линия снизу.
Обложки товаров вертикальные 900×1200, поэтому в такой коробке
они сжимались и по бокам оставались широкие пустые поля.
Ставим коробку 3:4 под целевой формат: новые обложки заполняют
её ровно, без полей. Старые квадратные 1400×1400 пока покажутся
с полями сверху и снизу — object-fit:contain не режет картинку,
а это ровно то, о чём просили: изображение целиком.
============================================================ */
.pcac .pcac-pcard-img{
padding-top:133.33% !important; /* 1200/900 — целевой формат */
background:#fff !important;
border-bottom:0 !important;
}
.pcac .pcac-pcard-img img{
padding:0 !important;
object-fit:contain !important;
object-position:center;
}
.pcac .pcac-pcard{overflow:hidden}
.pcac .pcac-pcard-t{padding-top:14px}
/* Кнопки под таблицей сравнения. */
.pcac .pcac-cmp-buy td{padding:16px 10px 4px;text-align:center;border-bottom:0}
.pcac .pcac-cmp-buy td.me{background:var(--ac-blue-bg)}
.pcac .pcac-cmp-btn{
display:inline-flex;align-items:center;justify-content:center;
min-width:112px;height:38px;padding:0 18px;
border-radius:10px;background:var(--ac-blue);color:#fff !important;
font-weight:600;font-size:13.5px;text-decoration:none;transition:background .15s}
.pcac .pcac-cmp-btn:hover{background:var(--ac-blue-d);color:#fff !important}
.pcac .pcac-cmp-here{
display:inline-flex;align-items:center;justify-content:center;
min-width:112px;height:38px;font-size:13px;font-weight:400;color:var(--ac-muted)}
/* v024 · 08.08.2026 ─ Отступ между строкой рейтинга и кнопкой покупки.
На товарах без плиток срока кнопка «Добавить в корзину» стояла вплотную
(6px) к ссылке «Оставьте первый отзыв» — читалось как прилипшие кнопки.
На карточках с плитками между ними стоит селектор срока, и соседний
селектор не срабатывает — эталон 333 не меняется. */
.pcac .pcac-rate + .pcac-buyrow{margin-top:18px}
.pcac .pcac-rate + .pcac-btn{margin-top:18px}
/* v026 · 09.08.2026 ─ Оставлен только отступ v024. Флекс-растяжение из v025
убрано: после наполнения характеристик колонки сравнялись контентом,
а растяжение рисовало дыру внутри белой карточки покупки. */