/* ООО «Электринна» — внутренние страницы (каталог, товар, статьи, страницы, корзина) */

/* ---------- общее ---------- */
.ph{padding:22px 0 6px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--mut);margin-bottom:10px}
.crumbs a{transition:color .2s}.crumbs a:hover{color:var(--p)}
.crumbs i{font-style:normal;opacity:.4}.crumbs span{color:var(--ink)}
.ph h1{font-size:clamp(24px,2.8vw,38px);line-height:1.15}
.ph-l{color:var(--mut);font-size:16px;max-width:760px;margin:12px 0 0}
.ls{padding:24px 0 48px}
.ls-t{padding-bottom:8px}
.h2s{font-size:clamp(20px,2vw,26px);margin:8px 0 22px}
.sh-s{color:var(--mut);font-size:14px}
.empty{padding:40px 24px;text-align:center;color:var(--mut);background:var(--bg);border-radius:var(--r);margin:0}
.empty .ic{width:18px;height:18px;vertical-align:-3px;color:var(--p)}
.empty button{color:var(--p);font-weight:600;text-decoration:underline}
.note{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px;padding:20px 22px;border-radius:var(--r);background:var(--p-l)}
.note>.ic{width:46px;height:46px;padding:11px;border-radius:14px;background:var(--p);color:#fff;flex:none}
.note span{flex:1;min-width:240px;color:var(--mut)}.note b{color:var(--ink)}
.txt{color:#3A3F4A;font-size:16px;line-height:1.7}
.txt h2,.txt h3,.txt h4{font-family:var(--tx);font-weight:700;color:var(--ink);line-height:1.3;margin:26px 0 10px;letter-spacing:0}
.txt h2{font-size:22px}.txt h3{font-size:19px}.txt h4{font-size:17px}
.txt>:first-child{margin-top:0}
.txt p{margin:0 0 14px}
.txt ul,.txt ol{padding-left:22px;margin:0 0 16px}.txt li{margin:6px 0}.txt li::marker{color:var(--p)}
.txt a{color:var(--p);text-decoration:underline;text-underline-offset:3px}
.txt strong{color:var(--ink)}
.txt img{max-width:100%;height:auto;border-radius:14px}
.txt table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.txt th,.txt td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.txt th{background:var(--bg)}
.more{position:relative;max-height:220px;overflow:hidden}
.more:after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:linear-gradient(rgba(255,255,255,0),#fff);transition:opacity .4s}
.more.open{max-height:none}.more.open:after{opacity:0}
.more-d{max-height:440px}
.seo{padding:0 0 48px}
.seo-b{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;color:var(--p)}
.seo-b .ic{width:16px;height:16px;transition:transform .35s var(--e)}.seo-b.open .ic{transform:rotate(180deg)}
.lead{font-size:18px;color:var(--mut);line-height:1.6}

/* круги разделов в шапке страницы */
.cts-in{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin-top:24px;gap:16px 14px}
.cts-in .ct-i{margin-bottom:8px}
.cts-in .ct b{font-size:13px}
.ct.on .ct-i:after{box-shadow:inset 0 0 0 3px var(--p)}.ct.on b{color:var(--p)}

/* ---------- каталог: фильтры ---------- */
.tbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.qfs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.qf{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 15px;border-radius:999px;background:var(--bg);font-size:14px;font-weight:500;transition:background .2s,color .2s}
.qf .ic{width:15px;height:15px;transition:transform .3s var(--e)}
.qf:hover{background:var(--p-l);color:var(--p)}
.qf.on{background:var(--p);color:#fff}
.pf{position:relative}.pf.open .pf-b .ic{transform:rotate(180deg)}
.pf-d{position:absolute;left:0;top:calc(100% + 8px);z-index:20;width:290px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 20px 40px -16px rgba(20,22,28,.3);display:grid;gap:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .3s var(--e),visibility .2s}
.pf.open .pf-d{opacity:1;visibility:visible;transform:none}
.pf-d .btn{height:42px}
.rng{display:flex;align-items:center;gap:8px}
.rng input{width:100%;height:42px;border:0;background:var(--bg);border-radius:10px;padding:0 12px;outline:0;font:inherit;font-size:14px;-moz-appearance:textfield}
.rng input::-webkit-outer-spin-button,.rng input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rng input:focus{box-shadow:0 0 0 2px var(--p) inset}
.qf em{font-style:normal;min-width:18px;height:18px;border-radius:9px;background:#fff;color:var(--p);font-size:11px;font-weight:700;display:inline-grid;place-items:center;padding:0 4px}
.qf-x{color:var(--mut)}.qf-x .ic{width:14px;height:14px}.qf-x:hover{color:var(--p)}
.cks{display:grid;gap:2px;max-height:280px;overflow:auto;margin:0 -4px;padding:0 4px}
.ck{position:relative;display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}
.ck:hover{background:var(--bg)}
.ck input{position:absolute;opacity:0}
.ck span{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line);flex:none;display:grid;place-items:center;transition:background .2s,border-color .2s}
.ck input:checked+span{background:var(--p);border-color:var(--p)}
.ck input:checked+span:after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ck input:focus-visible+span{box-shadow:0 0 0 3px var(--p-l)}
.pager .dots{background:none}
.tg{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 10px;font-size:14px;cursor:pointer}
.tg input{position:absolute;opacity:0}
.tg span{width:34px;height:20px;border-radius:10px;background:var(--line);position:relative;transition:background .25s}
.tg span:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s var(--e)}
.tg input:checked+span{background:var(--p)}.tg input:checked+span:after{transform:translateX(14px)}
.tb-r{display:flex;align-items:center;gap:14px}
.tb-c{font-size:14px;color:var(--mut);white-space:nowrap}
.tb-r select{height:38px;border:0;border-radius:999px;padding:0 32px 0 14px;font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6F7B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/15px no-repeat;-webkit-appearance:none;appearance:none;cursor:pointer;outline:0}
.pgr-a{gap:16px}
.pgr-a .pk,.pgr.on.pgr-a .pk{border-color:var(--line)}.pgr-a .pk:hover{border-color:var(--p)}

.pgr-a .pk:nth-child(n){display:flex}
.pk.hide,.pgr-a .pk.hide{display:none}
.pk-o{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:600;background:var(--bg);color:var(--mut);border-radius:999px;padding:3px 9px}
.sec-t{padding-top:0}
.sec .sh h2{margin:0}

/* ---------- товар ---------- */
/* товар */
.pp{padding:24px 0 40px}
.pp-g{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
.gal{position:sticky;top:84px;display:grid;grid-template-columns:84px 1fr;gap:14px}
.gal-m{grid-column:2;grid-row:1;position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;cursor:zoom-in}
.gal-m img{width:100%;height:100%;object-fit:contain;transition:transform .35s var(--e),opacity .25s}
.gal-m.zoom img{transform:scale(1.9)}
.gal-z{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--mut);pointer-events:none}
.pp-bd{position:absolute;left:16px;top:16px}
.pp-bd em{font-style:normal;font-size:12px;font-weight:700;background:var(--p);color:#fff;border-radius:999px;padding:5px 12px}
.gal-t{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px}
.gt{aspect-ratio:1;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .25s,transform .3s var(--e)}
.gt img{width:100%;height:100%;object-fit:contain}
.gt:hover{transform:translateY(-2px)}
.gt.on{border-color:var(--p)}
.pi-st{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1F9D55}
.pi-st .ic{width:18px;height:18px}
.pi h1{font-size:clamp(20px,2.2vw,30px);text-transform:uppercase;color:var(--dk);line-height:1.2;margin:10px 0 16px}
.pi-k{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:6px}
.pi-k li{display:flex;gap:10px;align-items:center;font-size:15px}
.pi-k .ic{width:18px;height:18px;color:var(--p);stroke-width:2.4}
.vs{border-top:1px solid var(--line);padding-top:18px}
.vs-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.vs-q{font-size:13px;font-weight:600;color:var(--p-d);border-bottom:1px dashed currentColor}
.vs-tip{margin:0 0 12px;font-size:14px;color:var(--mut);background:var(--bg);border-radius:12px;padding:12px 14px}
.vcs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.vc{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 4px;border:1.5px solid var(--line);border-radius:12px;transition:border-color .2s,background .2s,color .2s,transform .25s var(--e)}
.vc b{font-size:15px}.vc span{font-size:12px;color:var(--mut);transition:color .2s}
.vc:hover{border-color:var(--p);transform:translateY(-2px)}
.vc.on{background:var(--p);border-color:var(--p);color:#fff}.vc.on span{color:rgba(255,255,255,.9)}
.buy{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:22px;padding:20px;border-radius:18px;background:var(--bg)}
.buy-p b{display:block;font-family:var(--hd);font-weight:400;font-size:clamp(26px,2.6vw,34px);color:var(--dk);line-height:1.1}
.buy-p span{font-size:14px;color:var(--mut)}
.buy-p b.flash{animation:flash .5s}@keyframes flash{0%{color:var(--p)}}
.qty{display:flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:12px;height:52px}
.qty button{width:44px;height:100%;font-size:20px;color:var(--mut);transition:color .2s}.qty button:hover{color:var(--p-d)}
.qty input{width:40px;text-align:center;border:0;outline:0;font-weight:700;font-size:16px;background:none}
.buy-c,.buy-w{grid-column:span 2;width:100%}
.buy-c.ok{background:var(--dk)}
.buy-w .ic{color:#25D366}
.buy-w:hover .ic{color:#fff}
.pi-x{margin-top:14px}
.pi-m{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px dashed var(--p);border-radius:16px;transition:background .3s}
.pi-m:hover{background:var(--p-l)}
.pi-m>.ic:first-child{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--p);color:#fff}
.pi-m span{flex:1;font-size:14px;color:var(--mut)}.pi-m b{display:block;color:var(--ink);font-size:15px}
.pi-m>.ic:last-child{color:var(--p);transition:transform .35s var(--e)}.pi-m:hover>.ic:last-child{transform:translateX(4px)}
.pi-d{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.pi-d li{display:flex;gap:12px;font-size:14px;color:var(--mut)}.pi-d b{color:var(--ink)}
.pi-d .ic{color:var(--p);margin-top:1px}

.pnav{position:sticky;top:58px;z-index:30;background:#fff}
.hdr.up~main .pnav{top:58px}
.pnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.pnav a{position:relative;white-space:nowrap;padding:16px 14px;font-weight:600;font-size:15px;color:var(--mut);transition:color .2s}
.pnav a:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:2px;background:var(--p);transform:scaleX(0);transition:transform .35s var(--e)}
.pnav a:hover{color:var(--ink)}
.pnav a.on{color:var(--ink)}.pnav a.on:after{transform:scaleX(1)}
.pd{padding:20px 0 20px}
.pd-g{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.pd-s{padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:130px}
.pd-s:last-child{border-bottom:0}
.pd-s>h2{font-size:clamp(18px,1.8vw,24px);margin-bottom:18px}
.txt{color:#3B4354;font-size:16px;line-height:1.7}
.txt h3{font-family:var(--tx);font-weight:700;font-size:19px;color:var(--ink);margin:24px 0 8px;line-height:1.3;text-transform:none}
.txt h3:first-child{margin-top:0}
.txt ul{padding-left:0;list-style:none}
.txt li{position:relative;padding-left:26px;margin:8px 0}
.txt li:before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;border-radius:3px;background:var(--p);transform:rotate(45deg) scale(.7)}
.txt li p{margin:0}
.txt strong{color:var(--ink)}
.chr{width:100%;border-collapse:collapse;font-size:15px}
.chr th,.chr td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.chr th{width:42%;font-weight:500;color:var(--mut)}
.chr tr:nth-child(odd){background:var(--bg)}
.chr tr{transition:background .2s}.chr tr:hover{background:var(--p-l)}
.docs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.doc{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;transition:border-color .25s,transform .35s var(--e)}
.doc:hover{border-color:var(--p);transform:translateY(-3px)}
.doc>.ic:first-child{width:42px;height:42px;padding:9px;border-radius:10px;background:#FDECEC;color:#D63A2E}
.doc span{flex:1}.doc b{display:block;font-size:15px}.doc small{color:var(--mut)}
.doc>.ic:last-child{color:var(--mut);transition:transform .35s var(--e),color .2s}
.doc:hover>.ic:last-child{color:var(--p);transform:translateY(3px)}
.pd-a{position:sticky;top:130px}
.pd-st{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px}
.pd-st img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--bg)}
.pd-st b{display:block;font-size:14px;line-height:1.3}.pd-st span{font-size:14px;color:var(--p-d);font-weight:700}
.pd-st .btn{grid-column:span 2}
.sh-s{color:var(--mut);font-size:14px}
.sec-t{padding-top:0}
.mbuy{display:none}


@media (max-width:1100px){
  .pd-g{grid-template-columns:1fr}
  .pd-a{display:none}
  .vcs{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:980px){
  .pp-g{grid-template-columns:1fr;gap:24px}
  .gal{position:static;grid-template-columns:1fr}
  .gal-m{grid-column:1}
  .gal-t{grid-column:1;grid-row:2;flex-direction:row;overflow-x:auto}
  .gt{width:72px;flex:none}
  .help{flex-direction:column;align-items:stretch}
  .help-b{flex-direction:column}
  .mbuy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .4s var(--e)}
  .mbuy.on{transform:none}
  .mbuy b{display:block;font-family:var(--hd);font-weight:400;font-size:20px;color:var(--dk)}
  .mbuy span{font-size:12px;color:var(--mut)}
  .pnav{top:56px}
}
@media (max-width:560px){
  .vcs{grid-template-columns:repeat(3,1fr)}
  .buy{padding:16px}
  .docs{grid-template-columns:1fr}
  .chr th,.chr td{padding:11px 10px;font-size:14px}
  .help{padding:22px 18px}
}
.vcs-t{display:flex;flex-wrap:wrap;gap:8px}
.vcs-t .vc{padding:10px 16px}
.vc.off{opacity:.45}
.vc.off.on{opacity:1}
.btn.dis,.btn:disabled{opacity:.45;pointer-events:none}
.buy-no{grid-column:span 2;margin:0;font-size:14px;color:var(--mut)}
.buy-o{display:block;color:var(--mut);font-size:15px}
.pi-st.no{color:var(--mut)}
.vg+.vg{margin-top:16px}
/* доп. вкладки WooCommerce (документы и т.п.) */
.tabx .product-documents{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tabx .doc-item{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;transition:border-color .25s,transform .35s var(--e)}
.tabx .doc-item:hover{border-color:var(--p);transform:translateY(-3px)}
.tabx .doc-icon{width:42px;height:42px;flex:none;border-radius:10px;background:#FDECEC;color:#D63A2E;display:grid;place-items:center;font-weight:700;font-size:18px}
.tabx .doc-item a{font-weight:600;font-size:15px;flex:1}
.tabx .doc-item a:after{content:"";position:absolute;inset:0}
.tabx a{color:inherit}
@media (max-width:560px){.tabx .product-documents{grid-template-columns:1fr}}
/* окно «Купить» */
.bm{width:min(480px,100%)}
.bm h3{margin-bottom:16px;padding-right:44px}
.bm-p{display:flex;gap:14px;padding:12px;border-radius:14px;background:var(--bg);margin-bottom:16px}
.bm-i{width:76px;height:76px;flex:none;border-radius:10px;background:#fff;overflow:hidden}
.bm-i img{width:100%;height:100%;object-fit:contain}
.bm-n{flex:1;min-width:0}
.bm-n>b{display:block;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bm-n>span{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.bm-q{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.bm-q .qty{height:40px;background:#fff;border-radius:10px;display:flex;align-items:center}
.bm-q .qty button{width:34px;height:100%;font-size:18px;color:var(--mut)}
.bm-q .qty input{width:32px;text-align:center;border:0;outline:0;font-weight:700;background:none}
.bm-q>b{font-family:var(--hd);font-weight:400;font-size:20px;color:var(--dk);white-space:nowrap}
.bm-f{gap:10px!important}
.bm-s{display:block;font-size:12px;color:var(--mut);line-height:1.45}
.bm-err{margin:0;font-size:14px;color:#C62828}.bm-err a{text-decoration:underline}
.bm-ok{text-align:center;padding:10px 0 4px}
.bm-ok-i{width:64px;height:64px;border-radius:50%;background:#1F9D55;color:#fff;display:grid;place-items:center;margin:0 auto 14px;animation:bump .5s var(--e)}
.bm-ok-i .ic{width:32px;height:32px;stroke-width:2.4}
.bm-ok b{display:block;font-family:var(--hd);font-weight:400;font-size:20px;text-transform:uppercase;color:var(--dk)}
.bm-ok p{color:var(--mut);margin:8px 0 18px}
@media (max-width:560px){.bm h3{font-size:17px}.modal{align-items:end;padding:0}.modal .bm{border-radius:22px 22px 0 0;padding:26px 18px calc(18px + env(safe-area-inset-bottom));max-height:94vh;overflow:auto}}

/* поправки товара под Электринна */
.pmain .pp{padding-top:20px}
.gal-m{border-radius:22px;border-color:var(--line)}
.pi h1{font-family:var(--hd);font-weight:600;text-transform:none;color:var(--ink);letter-spacing:-.01em}
.buy{background:var(--bg)}
.buy-p b{font-family:var(--hd);color:var(--ink)}
.buy-c.ok{background:#1F9D55}
.buy-cart{grid-column:span 2;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;color:var(--p)}
.buy-cart .ic{width:18px;height:18px}
.help{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--dk);color:#fff;border-radius:20px;padding:26px 30px;margin-top:40px}
.help b{display:block;font-size:19px;margin-bottom:6px}
.help span{color:var(--dk-t);font-size:15px}
.help-b{display:flex;gap:10px;flex:none}
.help-side{flex-direction:column;align-items:stretch;padding:22px;margin-top:20px}
.help-side b{font-size:16px}
.help-side .help-b{flex-direction:column}
.help-side .btn{width:100%}
.help b{font-family:var(--hd);font-weight:600;text-transform:none}
.help .btn-o{color:#fff;border-color:rgba(255,255,255,.35)}.help .btn-o:hover{color:#fff;border-color:#fff}
.pnav{top:85px}
.hdr.up~main .pnav{top:85px}
.pd-a{top:150px}
.pi-st{color:#1F9D55}.pi-st.no{color:var(--mut)}

/* ---------- статьи ---------- */
.bgr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}
.bc{display:flex;flex-direction:column;gap:12px}
.bc-i{display:block;aspect-ratio:1.6;border-radius:var(--r);overflow:hidden;background:var(--bg)}
.bc-i img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}
.bc:hover .bc-i img{transform:scale(1.05)}
.bc-b{display:flex;flex-direction:column;gap:6px}
.bc time{font-size:13px;color:var(--mut)}
.bc-b>b{font-size:17px;line-height:1.35;transition:color .2s}.bc:hover .bc-b>b{color:var(--p)}
.bc .lnk{font-size:14px;color:var(--mut)}.bc:hover .lnk{color:var(--p)}.bc:hover .lnk .ic{transform:translateX(4px)}
.bc-big{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;margin-bottom:40px}
.bc-big .bc-i{aspect-ratio:1.7}
.bc-big .bc-b>b{font-family:var(--hd);font-weight:600;font-size:clamp(20px,2vw,28px);line-height:1.2}
.bc-x{color:var(--mut);font-size:15px}
.pager{display:flex;gap:6px;margin-top:36px;justify-content:center;flex-wrap:wrap}
.pager a,.pager span,.pager .on{min-width:42px;height:42px;padding:0 12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;transition:background .2s,color .2s}
.pager a:hover{background:var(--bg);color:var(--p)}
.pager .on{background:var(--p);color:#fff}
.pager .ic{width:16px;height:16px}
.ar-h{padding-top:22px}
.ar h1{font-size:clamp(24px,2.8vw,38px);line-height:1.18;max-width:1000px}
.ar-m{display:flex;gap:20px;color:var(--mut);font-size:14px;margin:14px 0 22px}
.ar-m span{display:inline-flex;align-items:center;gap:6px}.ar-m .ic{width:16px;height:16px}
.ar-ph{border-radius:24px;overflow:hidden;aspect-ratio:2.4;background:var(--bg)}
.ar-ph img{width:100%;height:100%;object-fit:cover}
.ar-g{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start;padding-top:36px;padding-bottom:20px}
.ar-g1{grid-template-columns:minmax(0,1fr)}.ar-g1 .ar-c{margin:0 auto}
.toc{position:sticky;top:110px;font-size:14px}
.toc summary{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px;font-size:15px;list-style:none;cursor:pointer}
.toc summary::-webkit-details-marker{display:none}
.toc summary .ic{width:16px;height:16px;display:none;transition:transform .3s var(--e)}
.toc[open] summary .ic{transform:rotate(180deg)}
.toc nav{display:grid;gap:2px;border-left:2px solid var(--line)}
.toc a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--mut);line-height:1.35;transition:color .2s,border-color .2s}
.toc a:hover{color:var(--ink)}.toc a.on{color:var(--p);border-color:var(--p);font-weight:600}
.ar-c{max-width:780px}
.ar-c h2{font-size:24px;margin:36px 0 12px;scroll-margin-top:110px}
.tw{overflow-x:auto;margin:16px 0 20px;border-radius:14px;background:var(--bg)}
.tw table{margin:0;min-width:520px}.tw th{background:var(--dk);color:#fff;border:0}.tw td{border-bottom:1px solid #fff}
.ar-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:36px 0 20px;padding:22px;border-radius:var(--r);background:var(--dk);color:#fff}
.ar-cta>.ic{width:46px;height:46px;padding:11px;border-radius:12px;background:var(--p);flex:none}
.ar-cta span{flex:1;min-width:220px;color:var(--dk-t);font-size:15px}.ar-cta b{display:block;color:#fff;font-size:17px}
.ar-cta .btn{text-decoration:none;color:#fff}
.ar-sh{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mut);flex-wrap:wrap}
.ar-sh a,.ar-sh button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:999px;background:var(--bg);color:var(--ink);font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.ar-sh a:hover,.ar-sh button:hover{background:var(--p);color:#fff}
.ar-sh em{font-style:normal}.ar-sh .ic{width:16px;height:16px}

/* ---------- страницы ---------- */
.ab{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-bottom:56px}
.ab h2{font-size:clamp(24px,2.6vw,36px);margin-bottom:16px}
.ab-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.ab-v{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.ab-v img{width:100%;aspect-ratio:1/.95;object-fit:cover}
.why-w{margin-bottom:24px}.why-w .wh{background:var(--bg)}
.ab2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 28px}
.ab2-c{padding:26px;border-radius:var(--r);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;transition:border-color .3s,transform .4s var(--e)}
.ab2-c:hover{border-color:var(--p);transform:translateY(-4px)}
.ab2-c>b{font-family:var(--hd);font-weight:600;font-size:18px}
.ab2-c p{color:var(--mut);margin:0;flex:1}
.ab2-p{background:var(--p);color:#fff;border-color:var(--p)}.ab2-p p{color:rgba(255,255,255,.88)}.ab2-p .lnk{color:#fff}
.brs-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:22px 24px;border-radius:var(--r);background:var(--bg)}
.brs-in span{color:var(--mut);font-size:14px;width:100%}
.brs-in b{font-family:var(--hd);font-weight:600;font-size:20px;color:#9AA0AC;transition:color .2s}.brs-in b:hover{color:var(--p)}
.dv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.dv-c{padding:26px;border-radius:var(--r);background:var(--bg);display:flex;flex-direction:column;gap:10px;transition:transform .4s var(--e)}
.dv-c:hover{transform:translateY(-4px)}
.dv-c>.ic{width:48px;height:48px;padding:12px;border-radius:14px;background:#fff;color:var(--p)}
.dv-c>b{font-size:18px}.dv-c p{margin:0;color:var(--mut)}.dv-c p strong{color:var(--ink)}.dv-c small{color:var(--mut);font-size:13px}
.dv-hl{background:var(--p);color:#fff}.dv-hl>.ic{color:var(--p)}.dv-hl p,.dv-hl small{color:rgba(255,255,255,.88)}.dv-hl p strong{color:#fff}
.dl-h{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.dl-h div{padding:24px;border-radius:var(--r);background:var(--dk);color:#fff}
.dl-h b{display:block;font-family:var(--hd);font-weight:600;font-size:22px;color:#fff;margin-bottom:4px}
.dl-h div:first-child b{color:var(--p)}
.dl-h span{color:var(--dk-t);font-size:14px}
.df{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;background:var(--p);color:#fff;border-radius:26px;padding:40px}
.df h2{color:#fff;margin-bottom:10px}.df p{opacity:.92;margin:0 0 12px}.df a:not(.btn){color:#fff;text-decoration:underline}
.lf-d{grid-template-columns:1fr 1fr}.lf-d .btn{grid-column:1/-1}.lf-d small{grid-column:1/-1;opacity:.8;font-size:12px}
.qcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.qc{display:flex;flex-direction:column;gap:2px;padding:20px;border-radius:var(--r);background:var(--bg);transition:transform .4s var(--e),background .3s}
.qc-i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--p);margin-bottom:12px;transition:transform .45s var(--e)}
.qc:nth-child(1) .qc-i{background:#7360F2}.qc:nth-child(2) .qc-i{background:#25D366}.qc:nth-child(4) .qc-i{background:var(--dk)}
.qc small{color:var(--mut);font-size:13px}.qc b{font-size:16px}
.qc:hover{transform:translateY(-4px);background:var(--p-l)}.qc:hover .qc-i{transform:rotate(-10deg)}
.km{position:relative;height:520px;border-radius:24px;overflow:hidden;background:var(--bg)}
.km iframe{width:100%;height:100%;border:0;display:block}
.km-c{position:absolute;left:20px;top:20px;bottom:20px;width:340px;display:flex;flex-direction:column;pointer-events:none}
.kc{pointer-events:auto;background:#fff;border-radius:var(--r);padding:22px;box-shadow:0 20px 40px -20px rgba(20,22,28,.35)}
.kc>b{display:flex;align-items:center;gap:8px;font-size:15px;margin-top:12px}.kc>b:first-child{margin-top:0}
.kc>b .ic{width:18px;height:18px;color:var(--p)}
.kc p{margin:4px 0 0 26px;color:var(--mut);font-size:14px}
.kc .btn{margin-top:18px;width:100%}

/* ---------- стандартные страницы WordPress (Hello) ---------- */
.site-main:not(main main){max-width:1360px;margin:0 auto;padding:26px 24px 64px}
.site-main .page-header{margin-bottom:22px}
.site-main .entry-title{font-family:var(--hd);font-weight:600;font-size:clamp(24px,2.8vw,38px);line-height:1.15;margin:0}
.site-main .page-content{color:#3A3F4A;font-size:16px;line-height:1.7}
.site-main .page-content p{margin:0 0 14px}
.site-main .page-content a{color:var(--p)}
.site-main .page-content h2,.site-main .page-content h3{font-family:var(--tx);font-weight:700;color:var(--ink);margin:24px 0 10px}

/* ---------- WooCommerce: корзина, оформление, кабинет ---------- */
.site-main .woocommerce{font-size:15px}
.site-main .woocommerce .button,.site-main .woocommerce button.button,.site-main .woocommerce a.button,.site-main .woocommerce input.button,.site-main .woocommerce #respond input#submit,.wc-block-components-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px!important;border-radius:999px!important;border:0!important;background:var(--p)!important;color:#fff!important;font:600 15px var(--tx)!important;text-decoration:none!important;cursor:pointer;transition:background .25s}
.site-main .woocommerce .button:hover,.site-main .woocommerce button.button:hover,.site-main .woocommerce a.button:hover{background:var(--p-d)!important}
.site-main .woocommerce .button:disabled,.site-main .woocommerce button.button:disabled{opacity:.5}
.site-main .woocommerce .button.alt,.site-main .woocommerce #place_order{height:56px;padding:0 32px!important;font-size:16px!important}
.site-main .woocommerce table.shop_table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 24px}
.site-main .woocommerce table.shop_table th{background:var(--bg);font-weight:600;text-align:left;padding:14px 16px;font-size:14px}
.site-main .woocommerce table.shop_table td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle}
.site-main .woocommerce table.shop_table td.product-thumbnail img{width:72px;height:72px;object-fit:contain;border-radius:10px;background:var(--bg)}
.site-main .woocommerce table.shop_table td.product-name a{font-weight:600;color:var(--ink)}
.site-main .woocommerce table.shop_table td.product-name a:hover{color:var(--p)}
.site-main .woocommerce a.remove{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg);color:var(--mut)!important;font-size:20px;text-decoration:none;transition:background .2s,color .2s}
.site-main .woocommerce a.remove:hover{background:var(--p);color:#fff!important}
.site-main .woocommerce .quantity .qty{width:72px;height:44px;border:1.5px solid var(--line);border-radius:12px;text-align:center;font:inherit;font-weight:600}
.site-main .woocommerce .coupon{display:flex;gap:8px;flex-wrap:wrap}
.site-main .woocommerce .coupon .input-text{height:48px;border:1.5px solid var(--line);border-radius:999px;padding:0 18px;font:inherit;min-width:200px}
.site-main .woocommerce .cart-collaterals{display:flex;justify-content:flex-end}
.site-main .woocommerce .cart_totals{width:min(460px,100%);background:var(--bg);border-radius:var(--r);padding:24px}
.site-main .woocommerce .cart_totals h2{font-size:20px;margin-bottom:14px}
.site-main .woocommerce .cart_totals table.shop_table{background:#fff}
.site-main .woocommerce .wc-proceed-to-checkout .button{width:100%}
.site-main .woocommerce form .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.site-main .woocommerce form .form-row label{font-size:14px;font-weight:600}
.site-main .woocommerce form .form-row .required{color:var(--p);text-decoration:none}
.site-main .woocommerce form .input-text,.site-main .woocommerce form select,.site-main .woocommerce form textarea,.site-main .select2-container .select2-selection--single{width:100%;min-height:50px;border:1.5px solid var(--line)!important;border-radius:12px!important;padding:12px 14px;font:inherit;background:#fff;outline:0;transition:border-color .2s}
.site-main .woocommerce form .input-text:focus,.site-main .woocommerce form textarea:focus{border-color:var(--p)!important}
.site-main .select2-container .select2-selection--single .select2-selection__rendered{line-height:24px;padding:0}
.site-main .select2-container .select2-selection--single .select2-selection__arrow{top:12px;right:10px}
.site-main form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:0 40px;align-items:start}
.site-main form.checkout>*{grid-column:1}
.site-main form.checkout>#order_review_heading,.site-main form.checkout>#order_review{grid-column:2}
.site-main form.checkout>#customer_details{grid-row:1/span 3}
.site-main form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
.site-main .woocommerce .col2-set:before,.site-main .woocommerce .col2-set:after,.site-main .woocommerce form .form-row:before,.site-main .woocommerce form .form-row:after{display:none}
.site-main .woocommerce .col2-set{display:grid;gap:12px}
.site-main .woocommerce .col2-set .col-1,.site-main .woocommerce .col2-set .col-2{float:none;width:auto;max-width:none}
.site-main .woocommerce-billing-fields__field-wrapper,.site-main .woocommerce-shipping-fields__field-wrapper,.site-main .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.site-main .woocommerce form .form-row{float:none;width:auto;grid-column:1/-1}
.site-main .woocommerce form .form-row-first{grid-column:1}.site-main .woocommerce form .form-row-last{grid-column:2}
.site-main .woocommerce-checkout #order_review_heading{margin-top:0}
.site-main .woocommerce-checkout h3{font-family:var(--hd);font-weight:600;font-size:20px;margin:0 0 16px}
.site-main .woocommerce-checkout-review-order{background:var(--bg);border-radius:var(--r);padding:22px}
.site-main .woocommerce-checkout-review-order table.shop_table{background:#fff}
.site-main #payment ul.payment_methods{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.site-main #payment ul.payment_methods li{background:#fff;border-radius:12px;padding:14px 16px}
.site-main #payment .payment_box{font-size:14px;color:var(--mut);margin-top:6px}
.site-main .woocommerce-info,.site-main .woocommerce-message,.site-main .woocommerce-error,.site-main .woocommerce-notice{list-style:none;margin:0 0 20px;padding:16px 20px;border-radius:14px;background:var(--bg);border-left:4px solid var(--p);color:var(--ink)}
.site-main .woocommerce-error{background:#FDECEC;border-color:#D63A2E}
.site-main .woocommerce-info,.site-main .woocommerce-message,.site-main .woocommerce-error{border-top:0;padding:16px 20px!important}
.site-main .woocommerce-info:before,.site-main .woocommerce-message:before,.site-main .woocommerce-error:before{display:none}
.site-main .woocommerce-message .button,.site-main .woocommerce-info .button{height:38px;padding:0 16px!important;font-size:14px!important;margin-left:12px;float:right}
.site-main .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:6px}
.site-main .woocommerce-MyAccount-navigation a{display:block;padding:10px 16px;border-radius:999px;background:var(--bg);font-weight:600;font-size:14px}
.site-main .woocommerce-MyAccount-navigation .is-active a,.site-main .woocommerce-MyAccount-navigation a:hover{background:var(--p);color:#fff}
.site-main .woocommerce-order-overview{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.site-main .woocommerce-order-overview li{background:var(--bg);border-radius:12px;padding:12px 16px}
.site-main .cart-empty{font-size:18px}
.site-main .return-to-shop .button{margin-top:8px}

/* ---------- адаптив ---------- */
@media (max-width:1100px){
  .bgr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-g{grid-template-columns:minmax(0,1fr);gap:20px}
  .toc{position:static;background:var(--bg);border-radius:var(--r);padding:16px 18px}
  .toc nav{border:0}.toc a{border:0;padding:5px 0}
  .toc summary{margin:0}.toc[open] summary{margin-bottom:10px}.toc summary .ic{display:block}
  .qcs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dv,.ab2,.dl-h{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:980px){
  .ab,.df,.bc-big{grid-template-columns:minmax(0,1fr)}
  .km{height:auto;background:none;border-radius:0;overflow:visible}
  .km iframe{height:340px;border-radius:20px}
  .km-c{position:static;width:auto;margin-top:12px}.kc{box-shadow:none;background:var(--bg)}
  .site-main form.checkout{grid-template-columns:minmax(0,1fr)}.site-main form.checkout>*{grid-column:1!important;grid-row:auto!important}
  .pnav{top:128px}.pd-a{display:none}
}
@media (max-width:640px){
  .ls{padding:18px 0 36px}
  .cts-in{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:92px;overflow-x:auto;scrollbar-width:none;margin:18px -16px 0;padding:0 16px 4px}
  .cts-in::-webkit-scrollbar{display:none}
  .qfs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;width:calc(100% + 32px)}
  .qfs::-webkit-scrollbar{display:none}.qf,.tg{flex:none}
  .pf{position:static}.pf-d{left:16px;right:16px;width:auto;top:auto;margin-top:8px}
  .tb-r{width:100%;justify-content:space-between}
  .bgr,.dv,.ab2,.dl-h,.qcs{grid-template-columns:minmax(0,1fr)}
  .df{padding:26px 20px;border-radius:22px}.lf-d{grid-template-columns:1fr}
  .site-main .woocommerce table.shop_table_responsive tr{display:block;border-top:1px solid var(--line)}
  .site-main .woocommerce table.shop_table_responsive td{display:flex;justify-content:space-between;border:0;padding:8px 14px}
  .site-main .woocommerce table.shop_table_responsive td:before{content:attr(data-title);font-weight:600;color:var(--mut)}
  .site-main .woocommerce table.shop_table_responsive thead{display:none}
  .site-main .woocommerce .cart_totals{padding:18px}
}
/* 30.10: одно фото у товара — без пустой колонки миниатюр слева */
.gal-1{grid-template-columns:1fr}
.gal-1 .gal-m{grid-column:1}