.cs-plugin-section{--bg: #0f1118;--card-bg: #181c2a;--soft: #14182a;--text: #e8eaf0;--muted: #6b7a8d;--accent: #f4ff9e;--accent2: #67e8f9;--green: #34d399;--danger: #f87171;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--radius: 12px}.cs-plugin-section *{margin:0;padding:0;box-sizing:border-box}.cs-plugin-section{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.cs-plugin-section .csp-wrap{max-width:1100px;margin:0 auto;padding:0 24px}.cs-plugin-section .csp-hero{padding:72px 24px 56px;text-align:center}.cs-plugin-section .csp-hero h1{font-size:40px!important;font-weight:800;line-height:1.1;letter-spacing:-.5px;margin-bottom:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-plugin-section .csp-hero p.lead{font-size:18px!important;color:var(--muted);max-width:640px;margin:0 auto 32px}.cs-plugin-section .csp-hero p.lead code{color:var(--accent);background:#f4ff9e1f;padding:2px 7px;border-radius:5px;font-size:.92em}.cs-plugin-section .csp-cta{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}.cs-plugin-section .csp-btn{display:inline-block;padding:14px 30px;border-radius:10px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,color .25s ease;cursor:pointer;border:2px solid transparent}.cs-plugin-section .csp-btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.cs-plugin-section .csp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #f4ff9e59}.cs-plugin-section .csp-btn-ghost{background:transparent;color:var(--accent2);border-color:var(--accent2)}.cs-plugin-section .csp-btn-ghost:hover{background:var(--accent2);color:var(--bg);transform:translateY(-2px);box-shadow:0 6px 22px #67e8f94d}.cs-plugin-section .csp-hero-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:44px auto 0;max-width:1100px}.cs-plugin-section img{height:auto}.cs-plugin-section .csp-hero-gallery img{width:100%;border-radius:var(--radius);display:block;border:1px solid var(--border);box-shadow:0 6px 24px #00000073;transition:transform .25s ease,border-color .25s ease}.cs-plugin-section .csp-hero-gallery img:hover{transform:translateY(-3px);border-color:var(--border-strong)}.cs-plugin-section .csp-banner{text-align:center;background:var(--card-bg);padding:16px 24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:14px!important;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.cs-plugin-section .csp-banner strong{color:var(--accent2)}.cs-plugin-section .csp-section{padding:64px 0}.cs-plugin-section .csp-section+.csp-section{border-top:1px solid var(--border)}.cs-plugin-section .csp-section h2{font-size:32px!important;font-weight:700;text-align:center;margin-bottom:14px;letter-spacing:-.3px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-plugin-section .csp-section h3{font-size:20px!important;font-weight:700;margin:28px 0 8px;color:var(--text)}.cs-plugin-section .csp-section p{font-size:16px!important;color:var(--muted);margin-bottom:14px}.cs-plugin-section .csp-section p code,.cs-plugin-section .csp-section li code{color:var(--accent);background:#f4ff9e1f;padding:2px 6px;border-radius:4px;font-size:.9em}.cs-plugin-section .csp-section strong{color:var(--text)}.cs-plugin-section .csp-split{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}.cs-plugin-section .csp-split figure{margin:0;background:var(--card-bg);padding:14px;border-radius:var(--radius);border:1px solid var(--border);transition:border-color .25s ease}.cs-plugin-section .csp-split figure:hover{border-color:var(--border-strong)}.cs-plugin-section .csp-split img{width:100%;border-radius:8px;display:block}.cs-plugin-section .csp-split figcaption{margin-top:12px;text-align:center;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.cs-plugin-section .csp-split figure:first-child figcaption{color:var(--danger)}.cs-plugin-section .csp-split figure:last-child figcaption{color:var(--green)}.cs-plugin-section .csp-tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px;list-style:none;padding:0}.cs-plugin-section .csp-tile-grid li{padding:16px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;text-align:center;font-size:14px;font-weight:700;color:var(--text)}.cs-plugin-section .csp-compare{width:100%;border-collapse:separate;border-spacing:0;margin-top:28px;font-size:15px;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.cs-plugin-section .csp-compare th,.cs-plugin-section .csp-compare td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.cs-plugin-section .csp-compare tbody tr:last-child th,.cs-plugin-section .csp-compare tbody tr:last-child td{border-bottom:none}.cs-plugin-section .csp-compare thead th{background:var(--soft);font-size:13px!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.cs-plugin-section .csp-compare td{color:var(--text)}.cs-plugin-section .csp-compare .win{color:var(--green);font-weight:600}.cs-plugin-section .csp-compare .pain{color:var(--danger)}.cs-plugin-section .csp-compare code{color:var(--accent);background:#f4ff9e24;padding:1px 6px;border-radius:4px;font-size:.92em}.cs-plugin-section .csp-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:28px}.cs-plugin-section .csp-cols>div{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .25s ease}.cs-plugin-section .csp-cols>div:hover{border-color:var(--border-strong)}.cs-plugin-section .csp-cols ul{list-style:none;padding:0;margin:0}.cs-plugin-section .csp-cols li{position:relative;padding:8px 0 8px 24px;color:var(--muted);font-size:15px;line-height:1.55;border-bottom:1px dashed var(--border)}.cs-plugin-section .csp-cols li:last-child{border-bottom:none}.cs-plugin-section .csp-cols li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 8px #f4ff9e73}.cs-plugin-section .csp-section figure{margin:0 0 28px}.cs-plugin-section .csp-section figure img{width:100%;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 8px 30px #00000073}.cs-plugin-section .csp-zoom{cursor:zoom-in;transition:transform .25s ease,filter .25s ease}.cs-plugin-section .csp-zoom:hover{filter:brightness(1.06)}.cs-plugin-section .csp-zoom:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.csp-lightbox{margin:auto;border:none;padding:0;background:transparent;max-width:95vw;max-height:95vh;overflow:visible}.csp-lightbox::backdrop{background:#080a10e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.csp-lightbox img{display:block;max-width:95vw;max-height:90vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px #0009;cursor:zoom-out}.csp-lightbox-close{position:absolute;top:-44px;right:-4px;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#080a1099;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease}.csp-lightbox-close:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.06)}.csp-lightbox-close:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}@media(max-width:720px){.csp-lightbox-close{top:-40px;right:0}}.cs-plugin-section .csp-buy{text-align:center;padding:64px 24px;background:linear-gradient(135deg,var(--soft) 0%,var(--card-bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cs-plugin-section .csp-buy h2{margin-bottom:10px}.cs-plugin-section .csp-buy p{margin-bottom:28px;font-size:17px!important}.cs-plugin-section .csp-faq details{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:16px 22px;margin-bottom:12px;transition:border-color .25s ease}.cs-plugin-section .csp-faq details[open]{border-color:var(--accent2)}.cs-plugin-section .csp-faq summary{font-size:16px!important;font-weight:700;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.cs-plugin-section .csp-faq summary::-webkit-details-marker{display:none}.cs-plugin-section .csp-faq summary:after{content:"+";flex:0 0 28px;height:28px;line-height:26px;text-align:center;border-radius:50%;color:var(--accent);border:1.5px solid var(--accent);font-weight:700;transition:transform .25s ease,background .25s ease,color .25s ease}.cs-plugin-section .csp-faq details[open] summary:after{content:"\2013";background:var(--accent2);border-color:var(--accent2);color:var(--bg);transform:rotate(180deg)}.cs-plugin-section .csp-faq p{margin:14px 0 0;font-size:15px!important;color:var(--muted)}.cs-plugin-section .csp-faq p code{color:var(--accent);background:#f4ff9e1f;padding:2px 6px;border-radius:4px;font-size:.9em}@media(max-width:720px){.cs-plugin-section .csp-hero{padding:56px 20px 40px}.cs-plugin-section .csp-hero h1{font-size:30px!important}.cs-plugin-section .csp-hero p.lead{font-size:16px!important}.cs-plugin-section .csp-section{padding:48px 0}.cs-plugin-section .csp-section h2{font-size:26px!important}.cs-plugin-section .csp-section h3{font-size:18px!important}.cs-plugin-section .csp-split,.cs-plugin-section .csp-cols{grid-template-columns:1fr;gap:16px}.cs-plugin-section .csp-tile-grid{grid-template-columns:repeat(2,1fr)}.cs-plugin-section .csp-compare{font-size:14px}.cs-plugin-section .csp-compare th,.cs-plugin-section .csp-compare td{padding:12px 14px}.cs-plugin-section .csp-buy{padding:48px 20px}.cs-plugin-section .csp-btn{padding:12px 22px;font-size:13px}}@media(max-width:420px){.cs-plugin-section .csp-hero h1{font-size:24px!important}.cs-plugin-section .csp-hero p.lead{font-size:15px!important}.cs-plugin-section .csp-section h2{font-size:22px!important}.cs-plugin-section .csp-cta{flex-direction:column;width:100%}.cs-plugin-section .csp-btn{width:100%}.cs-plugin-section .csp-compare thead{display:none}.cs-plugin-section .csp-compare,.cs-plugin-section .csp-compare tbody,.cs-plugin-section .csp-compare tr,.cs-plugin-section .csp-compare td{display:block;width:100%}.cs-plugin-section .csp-compare tr{padding:12px 14px;border-bottom:1px solid var(--border)}.cs-plugin-section .csp-compare td{padding:6px 0;border-bottom:none}.cs-plugin-section .csp-compare td:first-child{font-weight:700;color:var(--text);margin-bottom:4px}.cs-plugin-section .csp-tile-grid{grid-template-columns:repeat(2,1fr)}.cs-plugin-section .csp-faq summary{font-size:15px!important}}.cs-plugin-section .csp-tile-grid li small{display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--muted)}.cs-plugin-section form.csp-cart{display:inline}.cs-plugin-section button.csp-btn{font-family:inherit;line-height:inherit}.cs-plugin-section .csp-pill{display:inline-block;padding:2px 10px;margin-right:10px;border-radius:999px;background:var(--accent);color:var(--bg);font-size:12px;font-weight:800;letter-spacing:1.5px;vertical-align:middle}.cs-plugin-section .csp-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;width:100%;border-radius:var(--radius);border:1px dashed var(--border-strong);background:var(--soft);color:var(--muted);font-size:13px;text-align:center;padding:12px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/colorsmith-plugin.css.map */