.demo-section{background:#fff;margin-bottom:40px;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden}.demo-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:30px}.demo-header h2{font-size:2rem;margin-bottom:10px}.demo-header p{font-size:1.1rem;opacity:.9}.demo-content{padding:40px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0}.demo-widget-container{display:grid;grid-template-columns:2fr 1fr;gap:30px;background:#f8f9fa;padding:30px;border-radius:12px;border:2px solid #e9ecef;margin:30px 0}.widget-preview{min-height:400px;background:#fff;border-radius:8px;border:1px solid #dee2e6}.widget-customizer{background:#fff;border-radius:8px;border:1px solid #dee2e6;padding:20px}.code-block{background:#2d3748;color:#e2e8f0;padding:25px;border-radius:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;overflow-x:auto;margin:20px 0;border-left:4px solid #28a745}.code-title{background:#28a745;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px 8px 0 0;margin-bottom:0}.info-box{background:#e7f3ff;border:2px solid #2196f3;border-radius:12px;padding:25px;margin:25px 0}.info-box h3{color:#1976d2;margin-bottom:15px;font-size:1.3rem}.success-box{background:#f0fff4;border:2px solid #28a745;border-radius:12px;padding:25px;margin:25px 0}.success-box h3{color:#155724;margin-bottom:15px}.warning-box{background:#fff8e1;border:2px solid #ff9800;border-radius:12px;padding:25px;margin:25px 0}.warning-box h3{color:#e65100;margin-bottom:15px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0}.feature-card{background:#fff;padding:25px;border-radius:12px;border:2px solid #e9ecef;transition:all .3s ease}.feature-card:hover{border-color:#28a745;box-shadow:0 5px 15px #28a7451a}.feature-card h3{color:#28a745;margin-bottom:15px;font-size:1.2rem}.tab-container{margin:30px 0}.tab-buttons{display:flex;gap:5px;margin-bottom:0}.tab-button{background:#6c757d;color:#fff;border:none;padding:12px 20px;cursor:pointer;border-radius:8px 8px 0 0;font-size:14px;font-weight:600;transition:background .2s}.tab-button.active{background:#28a745}.tab-content{background:#2d3748;color:#e2e8f0;padding:25px;border-radius:0 12px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;overflow-x:auto}.tab-pane{display:none}.tab-pane.active{display:block}.quick-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}.quick-link{background:#28a745;color:#fff;text-decoration:none;padding:12px 24px;border-radius:25px;font-weight:600;transition:all .3s ease}.quick-link:hover{background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.progress-indicator{background:linear-gradient(90deg,#28a745,#20c997);height:4px;border-radius:2px;margin:20px 0}@media(max-width:768px){.demo-grid,.demo-widget-container{grid-template-columns:1fr;gap:20px}.header h1{font-size:2rem}.header p{font-size:1.1rem}}pip-preview,pip-customizer{--pip-primary-color: #28a745;--pip-secondary-color: #6c757d;--pip-border-color: #dee2e6;--pip-background-color: #f8f9fa;--pip-text-color: #212529;--pip-success-color: #28a745;--pip-error-color: #dc3545;--pip-widget-border-radius: 8px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pip-config.css.map */