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