/* Витрина продукта (плагин «Магазин»). Цвета - из темы сайта, тёмная тема работает сама. */
.shop{width:100vw;margin-left:calc(50% - 50vw)}
.shop-in{max-width:1120px;margin:0 auto;padding:0 20px}
.shop-narrow{max-width:820px}
.shop h1{font-size:clamp(30px,4.6vw,46px);line-height:1.15;letter-spacing:-.02em;margin:0 0 18px;max-width:820px}
.shop h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:0 0 12px}
.shop-hero{padding:56px 0 40px;background:linear-gradient(180deg,var(--accent-soft),transparent)}
.shop-lead{font-size:19px;color:var(--muted);max-width:720px;margin:0 0 28px}
.shop-actions{display:flex;gap:12px;flex-wrap:wrap}
.shop-points{list-style:none;display:flex;gap:22px;flex-wrap:wrap;padding:0;margin:20px 0 0;color:var(--muted);font-size:15px}
.shop-points li::before{content:"✓ ";color:#16a34a;font-weight:700}
.shop-hero__shot{margin-top:40px;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgb(0 0 0 / .14)}
.shop-hero__shot img{display:block;width:100%;height:auto}
.shop-sec{padding:64px 0}
.shop-sec--soft{background:var(--soft,var(--accent-soft))}
.shop-sub{color:var(--muted);margin:0 0 32px;font-size:17px;max-width:720px}
.shop-center{text-align:center;margin-left:auto;margin-right:auto}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.shop-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:24px}
.shop-card__icon{font-size:28px}
.shop-card h3{margin:10px 0 6px;font-size:18px}
.shop-card p{margin:0;color:var(--muted);font-size:15px}
.shop-step{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}
.shop-shots{display:grid;gap:36px}
.shop-shot{margin:0}
.shop-shot img{width:100%;border-radius:12px;border:1px solid var(--line);box-shadow:0 14px 40px rgb(0 0 0 / .1)}
.shop-shot figcaption{margin-top:10px;color:var(--muted)}
.shop-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,360px));gap:24px;justify-content:center}
.shop-plan{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:30px 28px;text-align:center}
.shop-plan--hot{border:2px solid var(--accent);box-shadow:0 20px 50px rgb(0 0 0 / .1)}
.shop-plan__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:13px;font-weight:600;padding:3px 12px;border-radius:20px;white-space:nowrap}
.shop-plan__name{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:14px}
.shop-plan__price{font-size:36px;font-weight:800;margin:10px 0 2px}
.shop-plan__price span{font-size:16px;font-weight:500;color:var(--muted)}
.shop-plan__note{color:#16a34a;font-weight:600;font-size:14px}
.shop-plan__list{list-style:none;padding:0;margin:20px 0 24px;color:var(--muted);font-size:15px;text-align:left}
.shop-plan__list li{padding:5px 0}
.shop-plan__list li::before{content:"✓  ";color:#16a34a;font-weight:700}
.shop-plan .btn-shop{width:100%}
.shop-trial{margin:28px auto 0;max-width:744px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:20px 24px}
.shop-trial span{color:var(--muted)}
.shop-faq{border-bottom:1px solid var(--line);padding:16px 0}
.shop-faq summary{cursor:pointer;font-weight:600;font-size:17px}
.shop-faq p{color:var(--muted);margin:10px 0 0}
.shop-cta{text-align:center;background:var(--accent);color:#fff;border-radius:20px;padding:48px 24px}
.shop-cta h2{color:#fff}
.shop-cta p{opacity:.85;margin:0 0 24px}
.btn-shop{display:inline-block;border:0;border-radius:10px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:filter .15s,background .15s}
.btn-shop--primary{background:var(--accent);color:#fff}
.btn-shop--primary:hover{filter:brightness(1.08)}
.btn-shop--outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.btn-shop--outline:hover{background:var(--accent-soft)}
.btn-shop--light{background:#fff;color:var(--accent)}
.btn-shop:disabled{opacity:.6;cursor:default}
.shop-overlay{position:fixed;inset:0;background:rgb(15 23 42 / .55);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.shop-overlay[hidden]{display:none}
.shop-modal{background:var(--bg);color:var(--fg);border-radius:16px;padding:26px;width:100%;max-width:430px;box-shadow:0 30px 80px rgb(0 0 0 / .3)}
.shop-modal h3{margin:0 0 2px;font-size:22px}
.shop-modal__plan{color:var(--muted);margin:0 0 10px}
.shop-modal label{display:block;font-size:14px;font-weight:600;margin:12px 0 0}
.shop-modal input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--bg);color:var(--fg)}
.shop-modal input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.shop-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.shop-modal__msg{min-height:22px;margin-top:12px;font-size:14px;color:#dc2626}
.shop-modal__msg.is-ok{color:var(--fg);background:rgb(22 163 74 / .08);border:1px solid rgb(22 163 74 / .3);border-radius:10px;padding:12px}
.shop-modal__actions{display:flex;gap:10px;margin-top:14px}
.shop-modal__actions .btn-shop{flex:1}
.shop-modal__fine{font-size:12px;color:var(--muted);margin:12px 0 0}
.shop-return{max-width:640px;margin:48px auto;padding:0 20px}
@media (max-width:900px){.shop-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.shop-grid{grid-template-columns:1fr}.shop-sec{padding:48px 0}.shop-lead{font-size:17px}}
.shop-consent{display:flex !important;gap:10px;align-items:flex-start;font-weight:400 !important;font-size:13.5px !important;line-height:1.45;margin-top:14px !important}
.shop-consent input{width:auto !important;margin:2px 0 0 !important;flex:none}
.shop-consent a{color:var(--accent)}
.shop-legal .prose{max-width:820px}