* { margin: 0; padding: 0; box-sizing: border-box; } .monlore-pricing-standard { font-family: ‘Montserrat’, sans-serif; color: #05050a; line-height: 1.6; padding: 20px; } .monlore-container-standard { max-width: 500px; margin: 0 auto; } .monlore-checkbox-standard { display: none; } .monlore-toggle-btn-standard { display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; padding: 15px 30px; background: linear-gradient(135deg, #e8f5e8, #f0f8f0); border: 2px solid #495c4a; border-radius: 25px; font-size: 1rem; font-weight: 600; color: #495c4a; transition: all 0.3s ease; margin: 0 auto; width: fit-content; } .monlore-toggle-btn-standard:hover { background: #495c4a; color: white; } .monlore-toggle-icon-standard { transition: transform 0.3s ease; display: inline-block; } .monlore-checkbox-standard:checked + .monlore-toggle-btn-standard .monlore-toggle-icon-standard { transform: rotate(180deg); } .monlore-content-standard { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .monlore-checkbox-standard:checked ~ .monlore-content-standard { max-height: 2000px; } .monlore-inner-standard { padding-top: 30px; } .monlore-features-section-standard { margin-bottom: 35px; } .monlore-section-title-standard { font-size: 1.2rem; font-weight: 600; color: #495c4a; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #e8f5e8; } .monlore-section-icon-standard { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem; } .monlore-marketing-icon-standard { background: linear-gradient(135deg, #caa87e, #d4b589); color: white; } .monlore-platform-icon-standard { background: linear-gradient(135deg, #495c4a, #5a6b5b); color: white; } .monlore-feature-item-standard { display: flex; align-items: flex-start; margin-bottom: 15px; } .monlore-feature-icon-standard { width: 20px; height: 20px; border-radius: 50%; background: #495c4a; color: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; margin-right: 15px; margin-top: 2px; flex-shrink: 0; } .monlore-feature-icon-standard.cross { background: #ccc; color: #666; } .monlore-feature-text-standard { color: #333; font-size: 0.95rem; line-height: 1.5; } .monlore-feature-text-standard.disabled { color: #999; text-decoration: line-through; } .monlore-commission-badge-standard { background: linear-gradient(135deg, #e8f5e8, #f0f8f0); border: 2px solid #495c4a; color: #495c4a; padding: 12px 20px; border-radius: 25px; font-weight: 600; text-align: center; margin-top: 20px; font-size: 1rem; } @media (max-width: 480px) { .monlore-pricing-standard { padding: 15px; } }