/* ==========================================================
   Forge · маркетплейс готовых решений.
   Поверх blog.css: те же токены, тёмный фон, облако частиц.
   Здесь не читают длинный текст, а выбирают — поэтому сетки,
   карточки и цены крупнее, чем в статьях.
   ========================================================== */
.mk-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;padding:40px 0 28px}
.mk-head h1{font-size:clamp(36px,5.4vw,64px);line-height:1.02;letter-spacing:-.035em}
.mk-head h1 em{font-style:normal;background:linear-gradient(100deg,#fff 10%,var(--blue-2) 60%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-lede{color:var(--read);font-size:18px;line-height:1.6;margin-top:20px;max-width:58ch}
.mk-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mk-stat{padding:18px 20px;border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mk-stat b{display:block;font:800 30px/1.1 var(--f);letter-spacing:-.03em}
.mk-stat span{color:var(--muted);font-size:14px;line-height:1.4;display:block;margin-top:6px}
@media(max-width:900px){.mk-head{grid-template-columns:1fr;gap:28px;padding-top:24px}}

.mk-guar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:8px 0 46px}
.mk-guar div{padding:14px 14px 16px;border-radius:var(--r-s);border:1px solid var(--line);background:rgba(10,12,21,.45)}
.mk-guar b{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.3}
.mk-guar b::before{content:"";flex:none;width:16px;height:16px;margin-top:1px;border-radius:5px;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%238EAEFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.mk-guar span{display:block;color:var(--dim);font-size:13px;line-height:1.45;margin-top:6px}
@media(max-width:1100px){.mk-guar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.mk-guar{grid-template-columns:1fr 1fr}.mk-guar span{display:none}}

/* панель фильтров */
.mk-bar{position:sticky;top:68px;z-index:50;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0;margin-bottom:22px;background:linear-gradient(rgba(5,6,11,.92),rgba(5,6,11,.82));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.mk-cats{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.mk-cat{appearance:none;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:600 14px/1 var(--f);padding:10px 14px;border-radius:99px;cursor:pointer;transition:all .2s var(--e-out);white-space:nowrap}
.mk-cat small{font:500 12px/1 var(--mono);color:var(--dim);margin-left:6px}
.mk-cat:hover{color:var(--text);border-color:var(--line-3)}
.mk-cat[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.mk-cat[aria-pressed=true] small{color:rgba(255,255,255,.75)}
.mk-tools{display:flex;gap:8px}
.mk-search,.mk-sort{height:42px;border-radius:12px;border:1px solid var(--line-2);background:var(--s1);color:var(--text);font:500 14px var(--f);padding:0 14px}
.mk-search{width:230px}
.mk-search::placeholder{color:var(--dim)}
.mk-search:focus,.mk-sort:focus{outline:none;border-color:var(--blue)}
@media(max-width:900px){.mk-bar{position:static}.mk-cats{flex:0 0 calc(100% + 32px);min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.mk-cats::-webkit-scrollbar{display:none}.mk-tools{width:100%}.mk-search{flex:1;width:auto;min-width:0}.mk-sort{width:150px;flex:none}}

/* сетка товаров */
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1000px){.mk-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.mk-grid{grid-template-columns:1fr}}
.mk-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-l);overflow:hidden;background:var(--s1);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .35s var(--e-out),border-color .25s,box-shadow .35s var(--e-out)}
.mk-card:hover{transform:translateY(-4px);border-color:var(--line-3);box-shadow:0 30px 60px -30px rgba(61,107,255,.45)}
.mk-card[hidden]{display:none}
.mk-shot{position:relative;aspect-ratio:16/10;overflow:hidden;background:#05060B}
.mk-shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e-out)}
.mk-card:hover .mk-shot img{transform:scale(1.04)}
.mk-badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap}
.mk-badge{font:700 11.5px/1 var(--f);padding:7px 9px;border-radius:8px;background:rgba(5,6,11,.78);border:1px solid var(--line-2);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mk-badge.hit{background:var(--blue);border-color:var(--blue)}
.mk-badge.gift{color:#7CF0C0;border-color:rgba(124,240,192,.35)}
.mk-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.mk-kind{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-2)}
.mk-card h2,.mk-card h3{font-size:21px;line-height:1.2;letter-spacing:-.02em}
.mk-card p{color:var(--muted);font-size:15px;line-height:1.5}
.mk-foot{display:flex;align-items:baseline;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.mk-price{font:700 20px/1 var(--mono);letter-spacing:-.02em}
.mk-price small{font:500 13px var(--f);color:var(--muted);margin-right:4px}
.mk-days{color:var(--muted);font-size:14px;margin-left:auto}
.mk-empty{padding:60px 0;text-align:center;color:var(--muted)}

.mk-sec{margin:84px 0 0}
.mk-sec>h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.03em;margin-bottom:10px}
.mk-sec>p.sub{color:var(--muted);font-size:17px;margin-bottom:28px;max-width:62ch}
.mk-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:s}
.mk-steps li{list-style:none;padding:20px;border-radius:var(--r-m);background:var(--s1);border:1px solid var(--line);counter-increment:s}
.mk-steps li::before{content:"0" counter(s);display:block;font:500 13px var(--mono);color:var(--blue-2);margin-bottom:14px}
.mk-steps b{display:block;font-size:17px;margin-bottom:6px}
.mk-steps span{color:var(--muted);font-size:14.5px;line-height:1.5}
.mk-steps{padding:0;margin:0}
@media(max-width:1000px){.mk-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mk-steps{grid-template-columns:1fr}}

.mk-cta{margin:84px 0 40px;padding:44px;border-radius:var(--r-xl);background:radial-gradient(600px 300px at 90% 0%,rgba(61,107,255,.28),transparent 70%),var(--s1);border:1px solid var(--line-2);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.mk-cta h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}
.mk-cta p{color:var(--muted);margin-top:10px;max-width:56ch}
.mk-cta .btns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.mk-cta{grid-template-columns:1fr;padding:28px}}

/* ── страница товара ── */
.pd-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:end;padding:26px 0 30px}
.pd-hero h1{font-size:clamp(34px,4.8vw,58px);line-height:1.04;letter-spacing:-.035em;margin-top:10px}
.pd-lede{color:var(--read);font-size:18px;line-height:1.6;margin-top:18px;max-width:60ch}
.pd-buy{padding:26px;border-radius:var(--r-l);background:var(--glass);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.pd-from{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pd-from b{font:700 44px/1 var(--mono);letter-spacing:-.04em}
.pd-from span{color:var(--muted)}
.pd-perks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 20px}
.pd-perks div{font-size:14px;line-height:1.35;padding:10px 12px;border-radius:10px;background:rgba(61,107,255,.08);border:1px solid var(--line)}
.pd-perks div b{display:block;font-size:15px}
.pd-perks div span{color:var(--muted);font-size:13px}
.pd-perks .gift{background:rgba(124,240,192,.07);border-color:rgba(124,240,192,.25)}
.pd-btns{display:flex;gap:10px;flex-wrap:wrap}
.pd-btns .btn{flex:1;justify-content:center}
@media(max-width:900px){.pd-hero{grid-template-columns:1fr}}
.pd-shot{margin:0;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-2);box-shadow:0 50px 100px -40px rgba(61,107,255,.4);background:#05060B}
.pd-shot img{display:block;width:100%;height:auto}
.pd-cap{color:var(--dim);font-size:13px;margin-top:10px}

.pd-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:860px){.pd-two{grid-template-columns:1fr}}
.pd-box{padding:26px;border-radius:var(--r-l);background:var(--s1);border:1px solid var(--line)}
.pd-box h3{font-size:20px;margin-bottom:16px}
.pd-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pd-list li{display:flex;gap:12px;font-size:16px;line-height:1.45;color:var(--read)}
.pd-list li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%238EAEFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.pd-list.dot li::before{background:none;width:8px;height:8px;margin:8px 6px 0;border-radius:50%;background:var(--blue-2)}

.pd-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1000px){.pd-feats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pd-feats{grid-template-columns:1fr}}
.pd-feat{padding:22px;border-radius:var(--r-m);background:var(--s1);border:1px solid var(--line)}
.pd-feat i{display:inline-flex;width:34px;height:34px;border-radius:11px;align-items:center;justify-content:center;background:var(--blue);font:700 14px var(--mono);font-style:normal;margin-bottom:14px}
.pd-feat b{display:block;font-size:17px;margin-bottom:6px;line-height:1.3}
.pd-feat span{color:var(--muted);font-size:14.5px;line-height:1.5}

.pd-pkgs{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:16px;align-items:stretch}
@media(max-width:900px){.pd-pkgs{grid-template-columns:1fr}}
.pd-pkg{position:relative;display:flex;flex-direction:column;padding:28px 26px;border-radius:var(--r-l);background:var(--s1);border:1px solid var(--line)}
.pd-pkg.rec{border-color:var(--blue);background:radial-gradient(400px 220px at 80% 0%,rgba(61,107,255,.2),transparent 70%),var(--s1)}
.pd-pkg.rec::before{content:"Выбирают чаще";position:absolute;top:-12px;left:24px;font:700 12px/1 var(--f);padding:7px 10px;border-radius:8px;background:var(--blue);color:#fff}
.pd-pkg h3{font-size:22px}
.pd-pkg .pp{font:700 34px/1 var(--mono);letter-spacing:-.04em;margin:14px 0 6px}
.pd-pkg .pd{color:var(--muted);font-size:14.5px;margin-bottom:18px}
.pd-pkg ul{margin-bottom:22px;flex:1}
.pd-pkg .pd-list li{font-size:15px}
.pd-pkg .btn{justify-content:center}
.pd-pkg .inc{font-size:13px;color:var(--dim);margin-top:10px;text-align:center}

.pd-guar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.pd-guar{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pd-guar{grid-template-columns:1fr}}
.pd-g{padding:22px;border-radius:var(--r-m);border:1px solid var(--line);background:rgba(10,12,21,.5)}
.pd-g b{display:flex;gap:10px;align-items:center;font-size:17px;margin-bottom:8px}
.pd-g b::before{content:"";width:22px;height:22px;flex:none;border-radius:7px;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%238EAEFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.pd-g span{color:var(--muted);font-size:15px;line-height:1.5}
.pd-g.gift{border-color:rgba(124,240,192,.3);background:rgba(124,240,192,.05)}

.pd-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start}
.pd-case{display:flex;flex-direction:column;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);background:var(--s1);text-decoration:none;color:var(--text);transition:border-color .2s}
a.pd-case:hover{border-color:var(--line-3)}
.pd-case img{aspect-ratio:16/10;object-fit:cover;width:100%;background:#05060B}
.pd-case div{padding:16px 18px}
.pd-case small{font:500 12px var(--mono);color:var(--blue-2);letter-spacing:.05em;text-transform:uppercase}
.pd-case b{display:block;margin-top:6px;font-size:16px;line-height:1.35}

.pd-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.pd-faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.pd-faq summary::after{content:"+";color:var(--blue-2);font:500 22px/1 var(--mono)}
.pd-faq details[open] summary::after{content:"–"}
.pd-faq p{color:var(--read);margin-top:12px;max-width:72ch}

/* модалка заказа */
.mk-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(3,4,8,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mk-modal[data-on]{display:flex}
.mk-dlg{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;padding:30px;border-radius:var(--r-l);background:var(--s2);border:1px solid var(--line-2);box-shadow:0 40px 100px rgba(0,0,0,.6);position:relative}
.mk-dlg h2{font-size:26px;letter-spacing:-.02em;padding-right:36px}
.mk-dlg .sub{color:var(--muted);margin:8px 0 20px;font-size:15px}
.mk-x{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--text);font-size:18px;cursor:pointer}
.mk-f{display:grid;gap:12px}
.mk-f label{display:grid;gap:6px;font-size:13.5px;color:var(--muted)}
.mk-f input,.mk-f select,.mk-f textarea{width:100%;border-radius:12px;border:1px solid var(--line-2);background:var(--s1);color:var(--text);font:500 16px var(--f);padding:12px 14px}
.mk-f textarea{min-height:90px;resize:vertical}
.mk-f input:focus,.mk-f select:focus,.mk-f textarea:focus{outline:none;border-color:var(--blue)}
.mk-f .invalid input{border-color:#F87171}
.mk-f .btn{justify-content:center;height:52px;font-size:16px}
.mk-note{font-size:12.5px;color:var(--dim);line-height:1.5}
.mk-note a{color:var(--muted)}
.mk-ok,.mk-err{display:none;padding:16px;border-radius:12px;font-size:15px;line-height:1.5}
.mk-ok[data-on]{display:block;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35)}
.mk-err[data-on]{display:block;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.35);margin-top:12px}
.mk-ok b{display:block;font-size:18px;margin-bottom:4px}
.pd-related{margin-top:22px}

/* обложка каталога */
.mk-cover{margin:0 0 28px;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line-2);background:#05060B;box-shadow:0 60px 120px -50px rgba(61,107,255,.55),0 0 0 1px rgba(168,85,247,.08)}
.mk-cover img{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:cover}
@media(max-width:640px){.mk-cover img{aspect-ratio:4/3}}

/* галерея товара */
.pd-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.pd-thumb{appearance:none;display:flex;gap:12px;align-items:center;padding:8px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--s1);color:var(--text);cursor:pointer;text-align:left;font:inherit;transition:border-color .2s,background .2s}
.pd-thumb img{width:96px;height:60px;object-fit:cover;border-radius:8px;flex:none}
.pd-thumb b{display:block;font-size:15px}
.pd-thumb small{color:var(--muted);font-size:13px}
.pd-thumb:hover{border-color:var(--line-3)}
.pd-thumb[aria-selected=true]{border-color:var(--blue);background:rgba(61,107,255,.1)}
.pd-shot img{transition:opacity .25s}
.pd-shot img.is-swap{opacity:.25}
@media(max-width:640px){.pd-thumb{flex-direction:column;align-items:stretch;gap:6px}.pd-thumb img{width:100%;height:auto;aspect-ratio:16/10}.pd-thumb small{display:none}.pd-thumb b{font-size:13px;text-align:center}}

/* сборка под бизнес */
.pd-fitnote{margin-top:16px;padding:14px 16px;border-radius:var(--r-m);border:1px solid rgba(61,107,255,.35);background:rgba(61,107,255,.08);color:var(--text);font-weight:600;font-size:16px;line-height:1.5;max-width:60ch}
.pd-why{color:var(--muted);font-size:14px;line-height:1.5;margin:10px 0 0}
.fit-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fit-steps li{position:relative;padding:24px 22px;border-radius:var(--r-l);border:1px solid var(--line-2);background:radial-gradient(300px 160px at 90% 0%,rgba(61,107,255,.16),transparent 70%),var(--s1)}
.fit-steps i{display:inline-flex;width:36px;height:36px;border-radius:11px;align-items:center;justify-content:center;background:var(--blue);font:700 14px var(--mono);font-style:normal;margin-bottom:16px}
.fit-steps b{display:block;font-size:18px;line-height:1.3;margin-bottom:8px}
.fit-steps span{color:var(--muted);font-size:15px;line-height:1.5}
@media(max-width:1000px){.fit-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fit-steps{grid-template-columns:1fr}}
.pd-add{grid-template-columns:repeat(3,1fr);gap:12px 24px}
@media(max-width:900px){.pd-add{grid-template-columns:1fr}}

/* галерея: 6 кадров */
.pd-thumbs{grid-template-columns:repeat(6,1fr)}
.pd-thumb{flex-direction:column;align-items:stretch;gap:6px}
.pd-thumb img{width:100%;height:auto;aspect-ratio:16/10}
.pd-thumb b{font-size:13.5px;line-height:1.25}
.pd-thumb small{font-size:12px}
@media(max-width:900px){.pd-thumbs{grid-template-columns:repeat(3,1fr)}}

/* примеры работ под разные бизнесы */
.pd-exs{display:grid;grid-template-columns:1fr;gap:22px}
.pd-ex{margin:0;display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:center;padding:14px;border-radius:var(--r-xl);border:1px solid var(--line);background:var(--s1)}
.pd-ex:nth-child(even){grid-template-columns:1fr 1.6fr}
.pd-ex:nth-child(even) .pd-ex-img{order:2}
.pd-ex-img{appearance:none;border:0;padding:0;background:#05060B;border-radius:var(--r-l);overflow:hidden;cursor:zoom-in;display:block}
.pd-ex-img img{display:block;width:100%;height:auto;transition:transform .5s var(--e-out)}
.pd-ex-img:hover img{transform:scale(1.02)}
.pd-ex figcaption{padding:10px 12px}
.pd-ex small{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-2)}
.pd-ex b{display:block;font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:8px 0 10px}
.pd-ex span{color:var(--muted);font-size:15px;line-height:1.5}
@media(max-width:860px){.pd-ex,.pd-ex:nth-child(even){grid-template-columns:1fr}.pd-ex:nth-child(even) .pd-ex-img{order:0}}
@media(max-width:560px){.pd-btns{flex-direction:column}.pd-btns .btn{width:100%}}

/* баннер подписки в каталоге */
.mk-sub{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;margin-top:28px;padding:28px 32px;border-radius:var(--r-xl);text-decoration:none;color:var(--text);
  border:1px solid var(--blue);background:radial-gradient(500px 260px at 95% 0%,rgba(61,107,255,.32),transparent 70%),radial-gradient(400px 220px at 0% 100%,rgba(168,85,247,.18),transparent 70%),var(--s1);
  box-shadow:0 50px 100px -60px rgba(61,107,255,.8);transition:transform .3s var(--e-out)}
.mk-sub:hover{transform:translateY(-3px)}
.mk-sub small{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-2)}
.mk-sub b{display:block;font-size:26px;letter-spacing:-.02em;margin:8px 0}
.mk-sub div>span{color:var(--muted);font-size:15px;line-height:1.5}
.mk-sub-price{font:700 30px/1 var(--mono);letter-spacing:-.03em;white-space:nowrap}
.mk-sub-price small{font:500 14px var(--f);color:var(--muted)}
@media(max-width:860px){.mk-sub{grid-template-columns:1fr;gap:16px;padding:24px}}

/* доступность: вопросы FAQ — удобная цель для пальца */
.pd-faq summary{min-height:44px;align-items:center}
.pd-faq details{padding:10px 0}
.mk-badge.hit{color:#fff}