.shop{--ink: #101828;--ink-soft: #475467;--ink-faint: #98a2b3;--paper: #f7f8fa;--card: #ffffff;--line: #e4e7ec;--brand: #2f9ff0;--brand-dark: #1570c2;--ok: #067647;--err: #b42318;background-color:var(--paper);color:var(--ink);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.shop-header{position:sticky;top:0;z-index:50;background-color:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.shop-header-inner{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.shop-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:15px;letter-spacing:.02em}.shop-logo img{width:32px;height:32px;border-radius:8px;display:block}.shop-nav-link{font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;transition:color .15s ease}.shop-nav-link:hover{color:var(--ink)}.shop-hero{max-width:1080px;margin:0 auto;padding:44px 20px 8px;text-align:left}.shop-hero h1{margin:0;font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.03em}.shop-hero p{margin:10px 0 0;color:var(--ink-soft);font-size:16px;max-width:560px;line-height:1.55}.shop-filters{max-width:1080px;margin:0 auto;padding:20px 20px 4px;display:flex;flex-wrap:wrap;gap:8px}.shop-chip{padding:7px 14px;border-radius:9999px;border:1px solid var(--line);background-color:var(--card);color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.shop-chip:hover{border-color:var(--ink-faint);color:var(--ink)}.shop-chip.is-active{background-color:var(--ink);border-color:var(--ink);color:#fff}.shop-grid{max-width:1080px;margin:0 auto;padding:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.shop-card{display:flex;flex-direction:column;background-color:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.shop-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.shop-card:hover{transform:translateY(-3px);border-color:#d0d5dd;box-shadow:0 12px 32px #1018281a}.shop-media{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 140% at 20% 0%,rgba(47,159,240,.25),transparent 55%),linear-gradient(150deg,#101828,#1d2939)}.shop-media-n8n{font-size:46px;font-weight:800;letter-spacing:-2px;color:#ea4b71}.shop-media-generic{font-size:46px}.shop-card.is-premium .shop-media-generic{opacity:.45;filter:grayscale(.4)}.shop-media-tag{position:absolute;left:12px;bottom:10px;padding:4px 10px;border-radius:9999px;background-color:#ffffff1f;backdrop-filter:blur(4px);color:#ffffffe6;font-size:11.5px;font-weight:600}.shop-premium-tag{position:absolute;right:12px;top:10px;padding:4px 10px;border-radius:9999px;background-color:#ffffffeb;color:var(--ink);font-size:11.5px;font-weight:700}.shop-card.is-premium .shop-media-n8n{opacity:.45;filter:grayscale(.4)}.shop-premium-body{margin-top:16px;text-align:center;color:var(--ink-soft);font-size:14.5px;line-height:1.5}.shop-premium-lock{margin:0 0 6px;font-size:34px}.shop-premium-price{margin:4px 0 12px;font-size:26px;font-weight:800;color:var(--ink)}.shop-btn-buy{display:inline-block;text-decoration:none;padding:12px 32px;font-size:15px}.shop-premium-note{margin:12px 0 0;font-size:12px;color:var(--ink-faint)}.shop-body{display:flex;flex-direction:column;flex:1;padding:16px 16px 18px}.shop-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shop-cat{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-dark)}.shop-stat{font-size:12px;color:var(--ink-faint)}.shop-title{margin:8px 0 0;font-size:16.5px;font-weight:700;line-height:1.35;letter-spacing:-.01em}.shop-desc{margin:6px 0 0;font-size:14px;color:var(--ink-soft);line-height:1.5}.shop-btn{padding:10px 18px;border-radius:10px;border:none;cursor:pointer;background-color:var(--ink);color:#fff;font-size:14px;font-weight:700;transition:background-color .15s ease,transform .1s ease}.shop-btn:hover{background-color:var(--brand-dark)}.shop-btn:active{transform:scale(.98)}.shop-btn:disabled{opacity:.55;cursor:wait}.shop-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#10182873;backdrop-filter:blur(6px);animation:overlay-in .16s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.shop-modal{position:relative;width:100%;max-width:440px;background-color:var(--card);border-radius:16px;padding:28px 26px 26px;box-shadow:0 24px 64px #1018284d;animation:modal-in .18s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;border-radius:9999px;background-color:var(--paper);color:var(--ink-soft);font-size:14px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.shop-modal-close:hover{background-color:var(--line);color:var(--ink)}.shop-modal-kind{display:inline-block;padding:4px 10px;border-radius:9999px;background-color:var(--paper);border:1px solid var(--line);color:var(--ink-soft);font-size:12px;font-weight:600}.shop-modal-title{margin:12px 0 0;font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.02em;padding-right:20px}.shop-modal-label{display:block;margin:18px 0 8px;font-size:14px;font-weight:600;color:var(--ink-soft)}.shop-form-row{display:flex;gap:8px}.shop-input{flex:1;min-width:0;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background-color:var(--paper);color:var(--ink);font-size:14px;outline:none;transition:border-color .15s ease,background-color .15s ease}.shop-input:focus{border-color:var(--brand);background-color:var(--card)}.shop-msg{margin:8px 0 0;font-size:13.5px;color:var(--ink-soft)}.shop-msg.is-ok{color:var(--ok);font-weight:600}.shop-msg.is-err{color:var(--err);font-weight:600}.shop-notice{padding:12px 14px;border-radius:10px;background-color:#ecfdf3;border:1px solid #abefc6;color:#085d3a;line-height:1.5}.shop-notice-title{display:block;font-weight:700;margin-bottom:2px}.shop-footer{max-width:1080px;margin:0 auto;padding:36px 20px 28px;text-align:center;color:var(--ink-faint);font-size:12.5px}.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0}.hidden{display:none}