/* CodeSell storefront. Scoped under .cs; colours come from tokens so the light and dark themes share one rule set. */
.cs{--cs-accent:#2563eb;--cs-radius:14px;--cs-bg:#ffffff;--cs-fg:#0f172a;--cs-muted:#64748b;--cs-line:#e2e8f0;--cs-soft:#f1f5f9;--cs-card:#ffffff;--cs-ok:#16a34a;--cs-warn:#d97706;--cs-err:#dc2626;--cs-red:#e11d48;--cs-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -12px rgba(15,23,42,.12);--cs-shadow-lg:0 20px 50px -20px rgba(15,23,42,.25);color-scheme:light;max-width:1200px;margin:0 auto;padding:0 16px 56px;color:var(--cs-fg);font-size:15px;line-height:1.55;box-sizing:border-box;-webkit-font-smoothing:antialiased}
.cs[data-theme="dark"]{--cs-bg:#0b0f19;--cs-fg:#e6ebf5;--cs-muted:#94a3b8;--cs-line:#1f2937;--cs-soft:#111827;--cs-card:#0f1522;--cs-shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);--cs-shadow-lg:0 24px 60px -24px rgba(0,0,0,.8);color-scheme:dark}
@media (prefers-color-scheme:dark){.cs:not([data-theme="light"]){--cs-bg:#0b0f19;--cs-fg:#e6ebf5;--cs-muted:#94a3b8;--cs-line:#1f2937;--cs-soft:#111827;--cs-card:#0f1522;--cs-shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);--cs-shadow-lg:0 24px 60px -24px rgba(0,0,0,.8);color-scheme:dark}}
.cs{background:var(--cs-bg);box-shadow:0 0 0 100vmax var(--cs-bg);clip-path:inset(0 -100vmax);padding-top:4px}
.cs *,.cs *::before,.cs *::after{box-sizing:border-box}
.cs a{color:inherit;text-decoration:none}.cs h1,.cs h2,.cs h3,.cs h4{margin:0;line-height:1.15;letter-spacing:-.015em;font-weight:700}.cs h1{font-size:32px}.cs h2{font-size:22px}.cs h3{font-size:16px}.cs p{margin:0 0 10px}
.cs-muted{color:var(--cs-muted)}.cs-small{font-size:12.5px}.cs-link{color:var(--cs-accent);font-weight:600}.cs-link:hover{text-decoration:underline}
.cs :focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px;border-radius:6px}
.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:calc(var(--cs-radius) - 4px);border:1px solid var(--cs-line);background:var(--cs-card);color:var(--cs-fg);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s,background .15s,transform .15s,box-shadow .15s;white-space:nowrap;line-height:1}
.cs-btn:hover{border-color:var(--cs-accent);color:var(--cs-accent)}.cs-btn-p{background:var(--cs-accent);border-color:var(--cs-accent);color:#fff;box-shadow:0 8px 20px -10px var(--cs-accent)}.cs-btn-p:hover{filter:brightness(1.07);color:#fff;transform:translateY(-1px)}.cs-btn-ghost{background:transparent}.cs-btn-ghost.is-on{color:var(--cs-red);border-color:var(--cs-red)}.cs-btn-xl{height:50px;font-size:15px;padding:0 24px}.cs-btn-sm{height:34px;padding:0 12px;font-size:13px}.cs-wide{width:100%}.cs-btn[disabled]{opacity:.6;cursor:wait;transform:none}
body.codesell-shell{margin:0}.cs-standalone{min-height:100vh;padding:0;box-shadow:none;clip-path:none;max-width:none;display:flex;flex-direction:column}.cs-standalone>.cs-wrap{flex:1}.cs-wrap{max-width:1200px;margin:0 auto;padding:0 16px;width:100%}.cs:not(.cs-standalone)>.cs-wrap{padding:0}
.cs-util{font-size:12.5px;color:var(--cs-muted);background:var(--cs-soft);border-bottom:1px solid var(--cs-line)}.cs-util>*{max-width:1200px;margin:0 auto;padding:0 16px}.cs-util{display:block}.cs-util .cs-util-site{display:inline-flex;align-items:center;gap:6px;height:34px;font-weight:600}.cs-util .cs-util-site svg{width:14px;height:14px}.cs-util .cs-util-r{display:inline-flex;gap:18px;float:right;height:34px;align-items:center}.cs-util .cs-util-r a:hover,.cs-util .cs-util-site:hover{color:var(--cs-accent)}.cs-util::after{content:"";display:block;clear:both}
.cs-announce{background:linear-gradient(90deg,var(--cs-accent),color-mix(in srgb,var(--cs-accent) 60%,#10b981));color:#fff;font-size:13.5px;font-weight:600;text-align:center;padding:9px 16px;display:flex;justify-content:center;align-items:center;gap:8px}.cs-announce svg{width:15px;height:15px}
.cs-top{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--cs-line);margin-bottom:24px;flex-wrap:wrap}.cs-standalone>.cs-top{margin-bottom:28px}.cs-brand{font-weight:800;font-size:18px;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.cs-brand img{height:30px;width:auto}.cs-mono{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--cs-accent),color-mix(in srgb,var(--cs-accent) 55%,#10b981));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;letter-spacing:0}
.cs-cats{display:flex;gap:2px;flex-wrap:wrap}.cs-cats a{padding:7px 11px;border-radius:99px;font-size:13.5px;font-weight:500;color:var(--cs-muted);transition:.15s}.cs-cats a:hover{background:var(--cs-soft);color:var(--cs-fg)}
.cs-search{flex:1;min-width:200px}.cs-search input{width:100%;height:40px;border:1px solid var(--cs-line);border-radius:99px;padding:0 18px;background:var(--cs-soft);color:var(--cs-fg);font-size:14px;transition:.15s}.cs-search input:focus{background:var(--cs-card);border-color:var(--cs-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-accent) 18%,transparent)}
.cs-topr{display:flex;gap:4px;margin-left:auto;align-items:center}.cs-iconlink{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;font-size:13.5px;font-weight:600;position:relative;border:0;background:none;color:inherit;cursor:pointer;font-family:inherit}.cs-iconlink:hover{background:var(--cs-soft)}.cs-count{background:var(--cs-accent);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.cs-theme{width:38px;height:38px;padding:0;justify-content:center;border:1px solid var(--cs-line)}.cs-theme .cs-sun{display:none}.cs[data-theme="dark"] .cs-theme .cs-sun{display:block}.cs[data-theme="dark"] .cs-theme .cs-moon{display:none}@media (prefers-color-scheme:dark){.cs:not([data-theme="light"]) .cs-theme .cs-sun{display:block}.cs:not([data-theme="light"]) .cs-theme .cs-moon{display:none}}
.cs-hero{position:relative;overflow:hidden;padding:56px 44px;border-radius:calc(var(--cs-radius) + 6px);background:radial-gradient(900px 400px at 10% -20%,color-mix(in srgb,var(--cs-accent) 28%,transparent),transparent 60%),radial-gradient(700px 360px at 95% 120%,color-mix(in srgb,#10b981 22%,transparent),transparent 60%),var(--cs-soft);margin-bottom:28px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:36px;align-items:center}.cs-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-accent);margin-bottom:14px}.cs-hero h1{font-size:42px;letter-spacing:-.03em;margin-bottom:12px}.cs-hero p{font-size:17px;color:var(--cs-muted);max-width:620px;margin:0 0 22px}.cs-hero-cta{display:flex;gap:10px;flex-wrap:wrap}.cs-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-stat{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:16px 18px;box-shadow:var(--cs-shadow)}.cs-stat b{display:block;font-size:26px;letter-spacing:-.02em;line-height:1.1}.cs-stat span{font-size:12.5px;color:var(--cs-muted)}
.cs-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 34px}.cs-trust>div{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--cs-line);border-radius:var(--cs-radius);background:var(--cs-card)}.cs-trust>div>div{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-trust svg{width:22px;height:22px;color:var(--cs-accent);flex:none}.cs-trust b{display:block;font-size:13.5px}.cs-trust span{font-size:12px;color:var(--cs-muted)}
.cs-ph2{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:8px 0 18px;flex-wrap:wrap}.cs-filters{display:flex;gap:8px}.cs-filters select{height:38px;border:1px solid var(--cs-line);border-radius:10px;padding:0 12px;background:var(--cs-card);color:var(--cs-fg);font-size:13.5px}
.cs-shelf{margin:0 0 36px}.cs-shelf header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.cs-shelf header a{color:var(--cs-accent);font-weight:600;font-size:14px}
.cs-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:20px}@media (max-width:900px){.cs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cs-grid{grid-template-columns:1fr}}
.cs-card{border:1px solid var(--cs-line);border-radius:var(--cs-radius);overflow:hidden;background:var(--cs-card);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:var(--cs-shadow)}.cs-card:hover{box-shadow:var(--cs-shadow-lg);transform:translateY(-3px);border-color:color-mix(in srgb,var(--cs-accent) 40%,var(--cs-line))}.cs-card-img{display:block;aspect-ratio:16/9;background:var(--cs-soft);position:relative;overflow:hidden}.cs-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.cs-card:hover .cs-card-img img{transform:scale(1.03)}.cs-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:800;font-size:34px;color:var(--cs-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--cs-accent) 18%,var(--cs-soft)),var(--cs-soft))}.cs-ph-s{width:64px;height:48px;border-radius:8px;font-size:16px;flex:none}
.cs-badge{position:absolute;top:10px;left:10px;background:var(--cs-fg);color:var(--cs-bg);font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:99px;letter-spacing:.02em}.cs-badge-sale{background:var(--cs-red);color:#fff}.cs-badge-feat{background:var(--cs-accent);color:#fff}
.cs-card-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:5px;flex:1}.cs-cat{font-size:11.5px;color:var(--cs-accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cs-card h3{font-size:16.5px}.cs-card p{color:var(--cs-muted);font-size:13.5px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs-card-f{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px}.cs-card-f .cs-price{margin-left:auto}
.cs-price{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.cs-now{font-weight:800;font-size:16.5px}.cs-free{color:var(--cs-ok)}.cs-was{position:relative;color:var(--cs-muted);font-weight:500;font-size:14px}.cs-was::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:var(--cs-red);transform:rotate(-6deg)}.cs-off{display:inline-block;background:var(--cs-red);color:#fff;font-style:normal;font-weight:700;font-size:11.5px;padding:2px 7px;border-radius:6px;vertical-align:middle}.cs-na{color:var(--cs-muted)}
.cs-stars{display:inline-flex;gap:1px;--s:14px}.cs-stars i{width:var(--s);height:var(--s);display:inline-block;background:linear-gradient(90deg,#f59e0b calc(var(--f,0)*100%),color-mix(in srgb,var(--cs-muted) 45%,transparent) 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.5 7 1-5 5 1.2 7L12 18l-6.2 3.5L7 14.5l-5-5 7-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.5 7 1-5 5 1.2 7L12 18l-6.2 3.5L7 14.5l-5-5 7-1z'/%3E%3C/svg%3E") center/contain no-repeat}
.cs-empty{text-align:center;padding:52px 20px;border:1px dashed var(--cs-line);border-radius:var(--cs-radius);color:var(--cs-muted)}.cs-empty .cs-btn{margin-top:8px}
.cs-tiers-info{margin:8px 0 40px;padding:32px;border:1px solid var(--cs-line);border-radius:calc(var(--cs-radius) + 4px);background:var(--cs-card)}.cs-tiers-info header{margin-bottom:18px}.cs-tiers-info header p{color:var(--cs-muted);margin:4px 0 0}.cs-tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cs-tier-card{border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:18px;background:var(--cs-soft)}.cs-tier-card b{display:block;font-size:15px;margin-bottom:6px}.cs-tier-card p{font-size:13.5px;color:var(--cs-muted);margin:0}.cs-tier-card.is-pop{border-color:var(--cs-accent);background:color-mix(in srgb,var(--cs-accent) 8%,var(--cs-card))}.cs-tier-card i{display:inline-block;font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cs-accent);margin-bottom:8px}
.cs-foot{margin-top:56px;border-top:1px solid var(--cs-line);background:var(--cs-soft);color:var(--cs-muted);font-size:13.5px}.cs-foot-grid{max-width:1200px;margin:0 auto;padding:40px 16px 28px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:28px}.cs-foot-brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.cs-foot-brand b{color:var(--cs-fg);font-size:16px}.cs-foot-brand p{margin:0;max-width:320px}.cs-foot-brand img{height:30px;width:auto}.cs-foot-col h4{color:var(--cs-fg);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.cs-foot-col a{display:block;padding:4px 0;color:var(--cs-muted)}.cs-foot-col a:hover{color:var(--cs-accent)}.cs-foot .cs-pay{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.cs-foot .cs-pay span{font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;background:var(--cs-card);border:1px solid var(--cs-line);color:var(--cs-muted);letter-spacing:.02em}.cs-foot-bottom{border-top:1px solid var(--cs-line)}.cs-foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:16px;font-size:12.5px}.cs-foot-bottom span{display:inline-flex;align-items:center;gap:6px}.cs-foot-bottom svg{width:14px;height:14px;color:var(--cs-accent)}@media (max-width:900px){.cs-foot-grid{grid-template-columns:1fr 1fr}.cs-foot-brand{grid-column:1/-1}}@media (max-width:560px){.cs-foot-grid{grid-template-columns:1fr}.cs-util .cs-util-r{display:none}}
.cs-crumbs{font-size:13px;color:var(--cs-muted);margin-bottom:14px}.cs-crumbs a:hover{color:var(--cs-accent)}
.cs-product{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:32px;align-items:start}@media (max-width:900px){.cs-product{grid-template-columns:1fr}.cs-buy{order:-1}}
.cs-lead{font-size:17px;color:var(--cs-muted);margin:8px 0 10px}.cs-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--cs-muted);margin-bottom:18px}
.cs-gallery{margin-bottom:22px}.cs-gmain{display:block;border-radius:var(--cs-radius);overflow:hidden;border:1px solid var(--cs-line);background:var(--cs-soft);box-shadow:var(--cs-shadow)}.cs-gmain img{width:100%;height:auto;display:block}.cs-gthumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.cs-gthumbs a{flex:none;width:92px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:2px solid transparent;background:var(--cs-soft);opacity:.8;transition:.15s}.cs-gthumbs a:hover{opacity:1}.cs-gthumbs a.is-on{border-color:var(--cs-accent);opacity:1}.cs-gthumbs img{width:100%;height:100%;object-fit:cover;display:block}
.cs-tabs{display:flex;gap:4px;border-bottom:1px solid var(--cs-line);margin:0 0 18px;overflow-x:auto}.cs-tabs button,.cs-tablink{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font-size:14px;font-weight:600;color:var(--cs-muted);cursor:pointer;white-space:nowrap;margin-bottom:-1px;font-family:inherit}.cs-tabs button:hover{color:var(--cs-fg)}.cs-tabs button.is-on{color:var(--cs-accent);border-bottom-color:var(--cs-accent)}.cs-pane{display:none}.cs-pane.is-on{display:block}
.cs-desc{font-size:15.5px;line-height:1.7}.cs-desc img{max-width:100%;height:auto;border-radius:10px}.cs-desc h2,.cs-desc h3{margin:22px 0 8px}.cs-desc ul{padding-left:20px}.cs-desc pre,.cs-log{background:var(--cs-soft);border-radius:10px;padding:14px;overflow:auto;font-size:13px;white-space:pre-wrap}.cs-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.cs-tags a{font-size:12.5px;padding:5px 11px;border-radius:99px;background:var(--cs-soft);color:var(--cs-muted)}.cs-tags a:hover{color:var(--cs-accent)}
.cs-faq{border:1px solid var(--cs-line);border-radius:10px;padding:0 14px;margin-bottom:8px;background:var(--cs-card)}.cs-faq summary{padding:12px 0;font-weight:600;cursor:pointer}.cs-faq div{padding:0 0 12px;color:var(--cs-muted)}
.cs-revsum{margin-bottom:16px}.cs-review{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--cs-line)}.cs-review img{width:40px;height:40px;border-radius:50%;flex:none}.cs-revh{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.cs-review h4{margin:4px 0 2px;font-size:15px}.cs-verified{display:inline-flex;align-items:center;gap:3px;color:var(--cs-ok);font-size:12px;font-weight:600}.cs-verified svg{width:13px;height:13px}.cs-reply{background:var(--cs-soft);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:14px}.cs-reply b{display:block;font-size:12.5px;margin-bottom:2px}
.cs-revform{border-top:1px solid var(--cs-line);padding-top:16px;margin-top:8px;display:flex;flex-direction:column;gap:8px;max-width:620px}.cs-revform input,.cs-revform textarea,.cs-checkout input,.cs-checkout select{width:100%;border:1px solid var(--cs-line);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--cs-card);color:var(--cs-fg);font-family:inherit}.cs-checkout input:focus,.cs-checkout select:focus,.cs-revform input:focus,.cs-revform textarea:focus{border-color:var(--cs-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-accent) 18%,transparent)}.cs-rate{display:flex;gap:2px}.cs-rate button{background:none;border:0;padding:2px;cursor:pointer;color:color-mix(in srgb,var(--cs-muted) 45%,transparent)}.cs-rate button.is-on{color:#f59e0b}.cs-rate svg{width:22px;height:22px;fill:currentColor}
.cs-buybox{position:sticky;top:20px;border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:18px;background:var(--cs-card);box-shadow:var(--cs-shadow-lg)}.cs-owned{display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--cs-ok) 12%,var(--cs-card));color:var(--cs-ok);padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600;margin-bottom:12px}.cs-owned a{text-decoration:underline}
.cs-tiers{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.cs-tier{display:block;border:1.5px solid var(--cs-line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.12s;background:var(--cs-card)}.cs-tier:hover{border-color:color-mix(in srgb,var(--cs-accent) 50%,var(--cs-line))}.cs-tier:has(input:checked){border-color:var(--cs-accent);background:color-mix(in srgb,var(--cs-accent) 7%,var(--cs-card))}.cs-tier.is-owned{opacity:.6;cursor:default}.cs-tier input{display:none}.cs-tier-h{display:flex;justify-content:space-between;align-items:center;gap:10px}.cs-tier-d{display:block;font-size:12.5px;color:var(--cs-muted);margin-top:4px}.cs-credit{color:var(--cs-ok);font-size:12.5px;font-style:normal;font-weight:600}.cs-ownedtag{font-style:normal;font-size:12px;color:var(--cs-muted)}
.cs-buyact{display:flex;flex-direction:column;gap:8px}.cs-buyext{display:flex;gap:8px;margin-top:10px}.cs-buyext .cs-btn{flex:1}.cs-facts{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--cs-muted)}.cs-facts li{display:flex;align-items:center;gap:8px}.cs-facts svg{width:15px;height:15px;color:var(--cs-accent)}
.cs-cartwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}@media (max-width:860px){.cs-cartwrap{grid-template-columns:1fr}}
.cs-lines{display:flex;flex-direction:column}.cs-line{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--cs-line)}.cs-line img{width:88px;height:56px;object-fit:cover;border-radius:8px;flex:none}.cs-line-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cs-line-t span{font-size:13px}.cs-line-p{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cs-line.is-owned{opacity:.6}.cs-x{background:none;border:0;cursor:pointer;color:var(--cs-muted);padding:6px}.cs-x:hover{color:var(--cs-err)}
.cs-cartside,.cs-coside{border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:18px;position:sticky;top:20px;display:flex;flex-direction:column;gap:10px;background:var(--cs-card);box-shadow:var(--cs-shadow)}.cs-sum{display:flex;flex-direction:column;gap:6px;font-size:14px}.cs-sum>div{display:flex;justify-content:space-between}.cs-total{border-top:1px solid var(--cs-line);padding-top:8px;margin-top:4px;font-size:17px}
.cs-checkout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}@media (max-width:900px){.cs-checkout{grid-template-columns:1fr}}.cs-cofields{display:flex;flex-direction:column;gap:14px}.cs-cobox{border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:18px;background:var(--cs-card)}.cs-cobox h3{margin-bottom:12px}.cs-cobox label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.cs-cobox label input,.cs-cobox label select{margin-top:4px;font-weight:400}.cs-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:560px){.cs-f2{grid-template-columns:1fr}}.cs-coupon{display:flex;gap:8px;margin-top:4px}.cs-coupon input{flex:1}.cs-cmsg{font-size:13px;min-height:18px}.cs-cmsg.is-ok{color:var(--cs-ok)}.cs-cmsg.is-err{color:var(--cs-err)}
.cs-acct{display:flex;align-items:center;gap:12px}.cs-acct img{width:44px;height:44px;border-radius:50%}.cs-acct div{display:flex;flex-direction:column;flex:1}.cs-acct span{font-size:13px}
.cs-gws{display:flex;flex-direction:column;gap:8px}.cs-gw{display:flex;align-items:center;gap:12px;border:1.5px solid var(--cs-line);border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--cs-card)}.cs-gw:has(input:checked){border-color:var(--cs-accent);background:color-mix(in srgb,var(--cs-accent) 7%,var(--cs-card))}.cs-gw input{margin:0}.cs-gw-logo{font-weight:800;font-size:14px;min-width:110px;padding:5px 10px;border-radius:8px;background:var(--cs-soft);text-align:center}.cs-gw-stripe{background:#635bff;color:#fff}.cs-gw-paypal{background:#ffc439;color:#003087}.cs-gw-paddle{background:#000;color:#fff}.cs-gw-razorpay{background:#0d2366;color:#fff}.cs-gw-flutterwave{background:#f5a623;color:#111}.cs-gw-mpesa{background:#2ab24b;color:#fff}.cs-gw-d{font-size:12.5px;color:var(--cs-muted);font-weight:400}.cs-gw-extra{padding:4px 0 8px 36px}
.cs-colines{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-bottom:6px}.cs-colines>div{display:flex;justify-content:space-between;gap:10px}.cs-terms{display:flex;gap:8px;align-items:flex-start;font-size:13px;font-weight:400}.cs-terms a{color:var(--cs-accent);text-decoration:underline}.cs-paymsg{font-size:13.5px;color:var(--cs-err);min-height:1em}.cs-coside .cs-small{display:flex;gap:6px;align-items:center}
.cs-note{border-radius:10px;padding:12px 14px;background:var(--cs-soft);font-size:14px;display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.cs-note-ok{background:color-mix(in srgb,var(--cs-ok) 12%,var(--cs-card));color:var(--cs-ok)}.cs-note-warn{background:color-mix(in srgb,var(--cs-warn) 12%,var(--cs-card));color:var(--cs-warn)}
.cs-status{font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--cs-soft);color:var(--cs-muted);text-transform:capitalize}.cs-status-paid,.cs-status-active{background:color-mix(in srgb,var(--cs-ok) 14%,var(--cs-card));color:var(--cs-ok)}.cs-status-pending{background:color-mix(in srgb,var(--cs-warn) 14%,var(--cs-card));color:var(--cs-warn)}.cs-status-refunded,.cs-status-cancelled,.cs-status-upgraded{background:color-mix(in srgb,var(--cs-err) 10%,var(--cs-card));color:var(--cs-err)}
.cs-orderbox{border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:18px;background:var(--cs-card)}.cs-orderf{display:flex;gap:8px;margin-top:14px}.cs-key{display:inline-flex;align-items:center;gap:6px;background:var(--cs-soft);padding:5px 10px;border-radius:8px;font-size:13px;cursor:pointer;margin-top:4px;width:max-content;max-width:100%}.cs-key svg{width:14px;height:14px;color:var(--cs-muted)}
.cs-signin{border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:28px;max-width:560px;background:var(--cs-card)}.cs-signin p{color:var(--cs-muted)}.cs-signin-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.cs-signin-alt{margin-top:14px}
.cs-lic{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--cs-line)}.cs-lic img{width:120px;height:72px;object-fit:cover;border-radius:10px;flex:none}.cs-lic.is-off{opacity:.55}.cs-lic-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cs-lic-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.cs-lic-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.cs-versions{font-size:13px}.cs-versions summary{cursor:pointer;color:var(--cs-accent);font-weight:600}.cs-versions ul{padding-left:18px;margin:6px 0}
.cs-table{width:100%;border-collapse:collapse;font-size:14px}.cs-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--cs-muted);padding:8px 10px;border-bottom:1px solid var(--cs-line)}.cs-table td{padding:10px;border-bottom:1px solid var(--cs-line);vertical-align:top}
.cs-light{position:fixed;inset:0;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out}.cs-light img{max-width:94vw;max-height:92vh;border-radius:10px}
.cs-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 16px;border-radius:99px;font-size:14px;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.3)}
@media (max-width:900px){.cs-hero{grid-template-columns:1fr;padding:36px 26px}.cs-hero h1{font-size:32px}.cs-trust{grid-template-columns:repeat(2,1fr)}.cs-tiers-grid{grid-template-columns:1fr}}
@media (max-width:640px){.cs h1{font-size:26px}.cs-top{gap:10px}.cs-cats{display:none}.cs-iconlink span{display:none}.cs-buybox{position:static}.cs-cartside,.cs-coside{position:static}.cs-trust{grid-template-columns:1fr}.cs-hero-stats{grid-template-columns:1fr 1fr}}